Update from obsidian - thinkpad
Affected files: .obsidian/plugins/obsidian-omnivore/data.json .obsidian/plugins/update-time-on-edit/data.json 01. Projects/Juno/Outline.md 01. Projects/Juno/README.md Read Later/2024-03-22 - How to Create a Great Personal Portfolio Page – a Handbook for Beginners.md Read Later/2024-03-25 - noboilerplate-scripts-27-coping-mechanisms.md at main · 0atman-noboilerplate.md
This commit is contained in:
parent
d6e34d43e4
commit
c64605af60
6 changed files with 1723 additions and 3 deletions
|
|
@ -3,7 +3,7 @@
|
||||||
"dateSavedFormat": "yyyy-MM-dd HH:mm:ss",
|
"dateSavedFormat": "yyyy-MM-dd HH:mm:ss",
|
||||||
"apiKey": "ec3bba50-4770-471b-99b1-9953ca523d8c",
|
"apiKey": "ec3bba50-4770-471b-99b1-9953ca523d8c",
|
||||||
"filter": "ADVANCED",
|
"filter": "ADVANCED",
|
||||||
"syncAt": "2024-03-24T18:25:47",
|
"syncAt": "2024-03-26T15:41:10",
|
||||||
"customQuery": "in:archive has:highlights",
|
"customQuery": "in:archive has:highlights",
|
||||||
"template": "# {{{title}}}\n\n{{# note }}\n## Notes\n\n{{{ note }}}\n{{/ note }}\n{{#highlights.length}}\n## Highlights\n\n{{#highlights}}\n{{{text}}} \n{{#note}}\n\n> [!note]\n> {{{note}}}\n{{/note}}\n\n[source]({{{highlightUrl}}}) {{#labels}} #{{name}} {{/labels}}\n\n---\n\n{{/highlights}}\n{{/highlights.length}}\n## Original\n\n{{{ content }}}",
|
"template": "# {{{title}}}\n\n{{# note }}\n## Notes\n\n{{{ note }}}\n{{/ note }}\n{{#highlights.length}}\n## Highlights\n\n{{#highlights}}\n{{{text}}} \n{{#note}}\n\n> [!note]\n> {{{note}}}\n{{/note}}\n\n[source]({{{highlightUrl}}}) {{#labels}} #{{name}} {{/labels}}\n\n---\n\n{{/highlights}}\n{{/highlights.length}}\n## Original\n\n{{{ content }}}",
|
||||||
"highlightOrder": "LOCATION",
|
"highlightOrder": "LOCATION",
|
||||||
|
|
|
||||||
|
|
@ -25,7 +25,6 @@
|
||||||
"02. Areas/Food/recipes.md": "665bda26a3d869eaca82af24f93fa5e0675aabb510006ceb5590d310cce67475",
|
"02. Areas/Food/recipes.md": "665bda26a3d869eaca82af24f93fa5e0675aabb510006ceb5590d310cce67475",
|
||||||
"01. Projects/Electronic Mantainance/List of electronics.md": "b40bfe9ec9bd985a0588cfc9742e564994c3beac04c4c7f0876b8a097201057c",
|
"01. Projects/Electronic Mantainance/List of electronics.md": "b40bfe9ec9bd985a0588cfc9742e564994c3beac04c4c7f0876b8a097201057c",
|
||||||
"01. Projects/Fuuka/Outline.md": "23fc62383e6aa511aa65ac083a8a9b33df933087d9ad3d91c4e194718af9bf41",
|
"01. Projects/Fuuka/Outline.md": "23fc62383e6aa511aa65ac083a8a9b33df933087d9ad3d91c4e194718af9bf41",
|
||||||
"01. Projects/Juuno/Outline.md": "0a62abca7bd35a3de167dea3e8bf216f1d5dcd67b57c799f4254250dfe63c95b",
|
|
||||||
"03. Resources/Notetaking/12. Questions.md": "39090300212e28aaedda4e9c313d9ea5858fc621e45606fe43e1039a3da16f12",
|
"03. Resources/Notetaking/12. Questions.md": "39090300212e28aaedda4e9c313d9ea5858fc621e45606fe43e1039a3da16f12",
|
||||||
"03. Resources/Notetaking/CODE Method.md": "3e9d12528f54d1ab38df95d8cc64fdacd0c1a3229471677d0ef456ccde14dee7",
|
"03. Resources/Notetaking/CODE Method.md": "3e9d12528f54d1ab38df95d8cc64fdacd0c1a3229471677d0ef456ccde14dee7",
|
||||||
"03. Resources/Notetaking/North Start.md": "94147f3d194c8619bcb18c9fa916b9a85001c21cf1278d7077576599230e540d",
|
"03. Resources/Notetaking/North Start.md": "94147f3d194c8619bcb18c9fa916b9a85001c21cf1278d7077576599230e540d",
|
||||||
|
|
@ -92,6 +91,8 @@
|
||||||
"recipes/Salsa Blanca.md": "e15ebbd11ec17193d0584da5c01d12387213bce8f5f70b75c8d95fc3b4791f19",
|
"recipes/Salsa Blanca.md": "e15ebbd11ec17193d0584da5c01d12387213bce8f5f70b75c8d95fc3b4791f19",
|
||||||
"99. Archives/Setup Shell (Someday)/Setup shell.md": "c2f4eef233ce6743c57b07e1ec6f99f2c1b4024f1263242d5a5bde25a15407c6",
|
"99. Archives/Setup Shell (Someday)/Setup shell.md": "c2f4eef233ce6743c57b07e1ec6f99f2c1b4024f1263242d5a5bde25a15407c6",
|
||||||
"99. Archives/Migrate to Zellij (Someday)/Migrate to zellij.md": "aa64ec2044bf33fd0ab98531c4c7ac6af9339d66d9529e58f25d9a444acd8f8f",
|
"99. Archives/Migrate to Zellij (Someday)/Migrate to zellij.md": "aa64ec2044bf33fd0ab98531c4c7ac6af9339d66d9529e58f25d9a444acd8f8f",
|
||||||
"99. Archives/NDS to 3ds games.md": "0a63f65ede6c0955c6262a56e2864c0789879dbad7f9dd623602b6cd362df8a6"
|
"99. Archives/NDS to 3ds games.md": "0a63f65ede6c0955c6262a56e2864c0789879dbad7f9dd623602b6cd362df8a6",
|
||||||
|
"01. Projects/Juno/Outline.md": "0a62abca7bd35a3de167dea3e8bf216f1d5dcd67b57c799f4254250dfe63c95b",
|
||||||
|
"01. Projects/Juno/README.md": "be0d1dc0948f8a7a3462ac48dd89225f5822230c3d2291677240c1faebfd4b24"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
57
01. Projects/Juno/README.md
Normal file
57
01. Projects/Juno/README.md
Normal file
|
|
@ -0,0 +1,57 @@
|
||||||
|
---
|
||||||
|
created: 2024-03-26 16:02
|
||||||
|
updated: 2024-03-26 16:09
|
||||||
|
status: Backlog
|
||||||
|
---
|
||||||
|
# Juno
|
||||||
|
|
||||||
|
## Resources
|
||||||
|
|
||||||
|
- [Navidrome](https://www.navidrome.org)
|
||||||
|
- [Azuracast](https://www.azuracast.com/)
|
||||||
|
- [Cadence](https://github.com/kenellorando/cadence) (Use Icecast and Liquidsoap)
|
||||||
|
- [forte](https://github.com/kaangiray26/forte)
|
||||||
|
- [Simple MPD in Rust](https://dev.to/tsirysndr/how-i-built-a-simple-music-player-daemon-in-rust-with-a-cliweb-ui-51e0)
|
||||||
|
- [fd](https://github.com/sharkdp/fd) (for filesystem walking)
|
||||||
|
|
||||||
|
## [Kickoff](Project%20checklists.md#Kickoff)
|
||||||
|
|
||||||
|
### Completion Criteria
|
||||||
|
|
||||||
|
This project will be completed when:
|
||||||
|
|
||||||
|
Have a working CLI music player with the following features:
|
||||||
|
- [ ] Play local files or remote streams (like youtube streams).
|
||||||
|
- [ ] Local or remote (HTTP) audio output.
|
||||||
|
- [ ] [MPRIS](https://wiki.archlinux.org/title/MPRIS) support
|
||||||
|
- [ ] Dynamic server-client design:
|
||||||
|
- [ ] On start it attach to a socket, a local unix file socket (default) or a port to allow for remote connections ([MPD](https://wiki.archlinux.org/title/Music_Player_Daemon) like).
|
||||||
|
- [ ] If a second instance is invoque on the same socket, it will act as a client to the process running on that socket, allowing to modify the playback and exiting immediately ([MPC](https://www.musicpd.org/clients/mpc/) like).
|
||||||
|
- [ ] By default the server process will end when the queue is empty unless it's ran in _"daemon"_ mode. This allows to continue using the clients to add more music later.
|
||||||
|
|
||||||
|
### Brainstorm
|
||||||
|
|
||||||
|
Regarding the Client-Server setup:
|
||||||
|
- In _"daemon"_ mode, a path is needed so the server knows where to find the music. The clients can only add files from that path.
|
||||||
|
- The server needs an endpoint to return the available songs under the provided path.
|
||||||
|
- The server needs an endpoint that return the current information of the playback
|
||||||
|
- The communication between client / other front ends and server is with gRPC
|
||||||
|
|
||||||
|
The queue should have a soft limit and a hard limit.
|
||||||
|
- Soft Limit: Cannot add more than this limit, it's also the same limit when quering the current queue.
|
||||||
|
- Hard limit: The actual limit of the query, items above this limit are truncated.
|
||||||
|
|
||||||
|
I don't remember why but this was important and useful.
|
||||||
|
## [Outtakes](Project%20checklists.md#Completion)
|
||||||
|
|
||||||
|
### Was the goal archived?
|
||||||
|
|
||||||
|
Yes/No, because of...
|
||||||
|
|
||||||
|
### What did go well?
|
||||||
|
|
||||||
|
- Item
|
||||||
|
|
||||||
|
### What did go wrong?
|
||||||
|
|
||||||
|
- Item
|
||||||
|
|
@ -0,0 +1,937 @@
|
||||||
|
---
|
||||||
|
id: 63939b9e-e8f0-11ee-8320-63f36465eb6d
|
||||||
|
title: |
|
||||||
|
How to Create a Great Personal Portfolio Page – a Handbook for Beginners
|
||||||
|
status: ARCHIVED
|
||||||
|
tags:
|
||||||
|
- read-later
|
||||||
|
- RSS
|
||||||
|
date_added: 2024-03-22 18:40:39
|
||||||
|
url_omnivore: |
|
||||||
|
https://omnivore.app/me/how-to-create-a-great-personal-portfolio-page-a-handbook-for-beg-18e6a73ea11
|
||||||
|
url_original: |
|
||||||
|
https://www.freecodecamp.org/news/how-to-create-a-great-personal-portfolio-page-a-step-by-step-guide/
|
||||||
|
---
|
||||||
|
|
||||||
|
# How to Create a Great Personal Portfolio Page – a Handbook for Beginners
|
||||||
|
|
||||||
|
## Highlights
|
||||||
|
|
||||||
|
### Tips for Choosing the Perfect Domain Name
|
||||||
|
|
||||||
|
* **Keep It Simple**: Opt for a domain name that is easy to remember and type.
|
||||||
|
* **Include Keywords**: If possible, incorporate relevant keywords related to your industry or profession.
|
||||||
|
* **Consider Your Niche**: Ensure your domain name aligns with the type of work showcased on your portfolio.
|
||||||
|
* **Avoid Numbers and Hyphens**: Numbers and hyphens can be confusing and are often forgotten when typing a domain name.
|
||||||
|
* **Check Availability**: Verify that the domain name you want is not already taken and is available for purchase. You can use [namecheap.com](https://www.namecheap.com/), [godaddy.com](https://www.godaddy.com/nl-nl) and many other online hosting websites.
|
||||||
|
|
||||||
|
[source](https://omnivore.app/me/how-to-create-a-great-personal-portfolio-page-a-handbook-for-beg-18e6a73ea11#1c688bb9-5b3e-41e4-8529-5902e0533fb7)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
**Research Design Options**: Explore various design templates on platforms like Envato, ThemeForest, and Figma. These resources offer a wide array of designs suited to different professions, aiding in finding one that matches your vision.
|
||||||
|
|
||||||
|
[source](https://omnivore.app/me/how-to-create-a-great-personal-portfolio-page-a-handbook-for-beg-18e6a73ea11#596a42c0-8fce-4a08-9a50-1278c860e160)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
Showcase any recognitions, certifications, or contributions to open-source projects.
|
||||||
|
|
||||||
|
[source](https://omnivore.app/me/how-to-create-a-great-personal-portfolio-page-a-handbook-for-beg-18e6a73ea11#478f7449-f350-4fab-8b67-cc05ad413267)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
#### For Developers Seeking Employment
|
||||||
|
|
||||||
|
If your primary goal is to attract potential employers, your portfolio needs to emphasize your technical skills, projects, and the professional value you bring. Here's how to tailor your site:
|
||||||
|
|
||||||
|
* **Highlight Relevant Projects**: Showcase a selection of projects that are most relevant to the types of roles you're seeking. Include detailed case studies that walk through your problem-solving process, technologies used, and the outcomes achieved.
|
||||||
|
* **Professional Narrative**: Use the "About Me" section to narrate your professional journey, emphasizing experiences and skills that align with your career aspirations. Mention any collaborative projects to demonstrate teamwork and communication skills.
|
||||||
|
* **Testimonials from Colleagues**: Including endorsements from past colleagues, supervisors, or collaborators can add credibility and provide insight into your working style and contributions to a team.
|
||||||
|
* **Technical Blog**: If you maintain a blog, focus on posts that highlight your expertise, insights into technology trends, and solutions to common problems in your field. This not only showcases your knowledge but also your ability to communicate complex ideas clearly.
|
||||||
|
|
||||||
|
[source](https://omnivore.app/me/how-to-create-a-great-personal-portfolio-page-a-handbook-for-beg-18e6a73ea11#3549ac1f-0104-40fd-8981-85cce3d04184)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
The tone of your brand voice can vary depending on the context and the platform, but it should always reflect your brand's personality.
|
||||||
|
|
||||||
|
Whether it's confident and authoritative, friendly and conversational, or inspirational and aspirational, the tone should be consistent across all channels to maintain brand recognition and loyalty.
|
||||||
|
|
||||||
|
[source](https://omnivore.app/me/how-to-create-a-great-personal-portfolio-page-a-handbook-for-beg-18e6a73ea11#12b06926-57b3-41b5-9e1b-492f82c163fe)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
Incorporate feedback from previous clients or colleagues to highlight your skills and professionalism. Testimonials lend authenticity and foster trust in your portfolio.
|
||||||
|
|
||||||
|
[source](https://omnivore.app/me/how-to-create-a-great-personal-portfolio-page-a-handbook-for-beg-18e6a73ea11#75d7bf6c-2a2a-44fb-a958-0c595a4a77ca)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
Showcase your standout projects with comprehensive case studies. These narratives offer a deep dive into your creative process, problem-solving abilities, and the impact of your work.
|
||||||
|
|
||||||
|
[source](https://omnivore.app/me/how-to-create-a-great-personal-portfolio-page-a-handbook-for-beg-18e6a73ea11#efeda449-8965-46a0-8884-c9fadb8f0f07)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
A blog section can serve as a platform for sharing your expertise, industry insights, or personal reflections. It reflects your dedication to your craft and ensures your site remains vibrant with new content.
|
||||||
|
|
||||||
|
[source](https://omnivore.app/me/how-to-create-a-great-personal-portfolio-page-a-handbook-for-beg-18e6a73ea11#c2a0e123-fd91-4e08-8509-55877613c299)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
Offer a look into your creative journey through behind-the-scenes content like sketches, mood boards, or early designs. This transparency into your process can fascinate visitors and add depth to your work presentation.
|
||||||
|
|
||||||
|
[source](https://omnivore.app/me/how-to-create-a-great-personal-portfolio-page-a-handbook-for-beg-18e6a73ea11#65a1c40b-4c6b-4d07-b581-5e8335064bf4)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
Highlight any accolades or recognitions you've received. Showcasing your achievements adds prestige to your portfolio and distinguishes you from your peers.
|
||||||
|
|
||||||
|
[source](https://omnivore.app/me/how-to-create-a-great-personal-portfolio-page-a-handbook-for-beg-18e6a73ea11#9a595a7c-8027-497f-89e5-f02166883e35)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
For those whose work involves data, adding infographics or visualizations can compellingly present complex information. This not only showcases your ability to simplify intricate data but also your creative approach to visual communication.
|
||||||
|
|
||||||
|
[source](https://omnivore.app/me/how-to-create-a-great-personal-portfolio-page-a-handbook-for-beg-18e6a73ea11#f421ea17-4988-4bf0-a817-18d653f3beae)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
### Home Page: The Gateway to Your Professional Universe
|
||||||
|
|
||||||
|
The home page serves as the initial welcome to your professional domain, providing a brief yet impactful overview of your identity and offerings. This first impression is vital, setting the tone for the visitor's experience on your site.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
My home page
|
||||||
|
|
||||||
|
Your home page should emphasize:
|
||||||
|
|
||||||
|
* **Engaging Introduction**: Introduce yourself with a quick mention of your professional designation and expertise.
|
||||||
|
* **Visual Elements**: Incorporate captivating visuals or a portfolio reel to immediately draw attention to your work.
|
||||||
|
* **Navigation Tips**: Direct visitors smoothly to different site sections with clear navigation aids.
|
||||||
|
|
||||||
|
[source](https://omnivore.app/me/how-to-create-a-great-personal-portfolio-page-a-handbook-for-beg-18e6a73ea11#4b08a99c-131f-4d34-b7ff-fb992c2851ad)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
### Portfolio Section: A Display of Your Expertise
|
||||||
|
|
||||||
|
This core section is where you showcase your finest work. Organizing this area thoughtfully ensures that visitors can easily navigate through your projects. You should include:
|
||||||
|
|
||||||
|
* **Organization by Category**: Group projects by theme, type, or sector for straightforward browsing.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Projects organized by category on my personal portfolio page - Python, Statistics, Machine Learning, and NLP
|
||||||
|
|
||||||
|
* **Project Summaries**: Provide a concise description of each project, outlining your role, the methodology, and the results.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Example project summary on my portfolio
|
||||||
|
|
||||||
|
* **High-Resolution Media**: Present your work with high-quality images or videos to fully convey its quality.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
[source](https://omnivore.app/me/how-to-create-a-great-personal-portfolio-page-a-handbook-for-beg-18e6a73ea11#50fc8ae9-03ea-4158-b0e9-9ab7baa63555)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
### About Me Page: Your Professional Narrative
|
||||||
|
|
||||||
|
This page allows you to forge a deeper connection with your audience by sharing your story, ambitions, and what makes you unique. It should cover:
|
||||||
|
|
||||||
|
* **Professional Background**: Share your career path, educational achievements, and significant milestones.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Some of my personal milestones
|
||||||
|
|
||||||
|
* **Skills and Expertise**: Spotlight the abilities that distinguish you in your field.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
A page on my portfolio showing my "digital DNA" - the skills I'd like to showcase
|
||||||
|
|
||||||
|
* **Personal Insights**: Offering a peek into your personal hobbies or interests can make you more approachable and relatable.
|
||||||
|
|
||||||
|
[source](https://omnivore.app/me/how-to-create-a-great-personal-portfolio-page-a-handbook-for-beg-18e6a73ea11#26922385-6eda-4cc1-9885-70a965d69303)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
### Contact Information: Simplifying Communication
|
||||||
|
|
||||||
|
For potential collaborations, it’s essential to make reaching out as simple as possible. Your contact page should include:
|
||||||
|
|
||||||
|
* **Various Contact Methods**: Provide a contact form, email, and possibly a phone number for easy communication.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
My contact information page on my personal portfolio site
|
||||||
|
|
||||||
|
* **Social Media Profiles**: Guide visitors to your professional social media pages.
|
||||||
|
* **Geographic Details**: If applicable, mention your location or time zone.
|
||||||
|
|
||||||
|
[source](https://omnivore.app/me/how-to-create-a-great-personal-portfolio-page-a-handbook-for-beg-18e6a73ea11#82e27144-7f5b-4906-ba60-cd5b785a3797)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
### Do's for a Captivating Homepage
|
||||||
|
|
||||||
|
* **Be Concise**: Ensure your message is clear and to the point.
|
||||||
|
* **Use Endorsement Logos**: Incorporate logos of companies you've appeared on to build trust.
|
||||||
|
* **Display Technical Stack Logos**: Show the technologies you're proficient in using their logos.
|
||||||
|
* **Showcase a Case Study Gallery**: Highlight your best work in an easily navigable gallery.
|
||||||
|
* **Include a Dynamic Header**: Use an engaging hero section to make a strong first impression.
|
||||||
|
* **Highlight Recent Work**: Give visitors a glimpse of your latest projects to show you're active and relevant.
|
||||||
|
* **Use Testimonials Strategically**: Place client testimonials where they'll have the most impact, showcasing your reliability and skill.
|
||||||
|
|
||||||
|
### Don'ts for Your Homepage
|
||||||
|
|
||||||
|
* **Avoid Random Placement**: Structure your content logically – don't place information haphazardly.
|
||||||
|
* **Steer Clear of Long Paragraphs**: Keep your homepage breezy and easy to read with short, impactful statements.
|
||||||
|
* **Don't Overwhelm with Content**: Your homepage isn't the place to squeeze in every detail of your portfolio.
|
||||||
|
* **Avoid Image Neglect**: Images are crucial for visual engagement, so don't omit them.
|
||||||
|
* **Resist Clutter**: Keep the design clean and focused to improve user experience.
|
||||||
|
* **Avoid Technical Jargon**: Use language that's accessible to all visitors, not just industry insiders.
|
||||||
|
* **Skip the Hard Sell**: Present your skills and achievements without being overly aggressive.
|
||||||
|
|
||||||
|
[source](https://omnivore.app/me/how-to-create-a-great-personal-portfolio-page-a-handbook-for-beg-18e6a73ea11#111959c1-8fee-47cb-a0e6-9088462bf6ac)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Original
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
As a developer, you'll want to create a digital space that mirrors your unique skills and persona. And a stellar personal portfolio website can help you make your mark in the digital universe.
|
||||||
|
|
||||||
|
Imagine a space that not only highlights your finest achievements but also attracts potential clients and makes a memorable impact on every visitor.
|
||||||
|
|
||||||
|
This guide will help you navigate creating an outstanding personal portfolio. We'll dissect the process from choosing an eye-catching layout to crafting content that tells your story. It'll all be aimed at building a page that resonates with who you are and the value you bring.
|
||||||
|
|
||||||
|
But the journey doesn't end here. Diving deeper, you'll learn more strategies and insights to help you elevate your portfolio beyond the ordinary. Are you ready? Let's step into the realm of crafting a portfolio that's not just seen but remembered.
|
||||||
|
|
||||||
|
## Table Of Contents
|
||||||
|
|
||||||
|
1. [The Importance of a Personal Portfolio Website](#why-is-a-personal-portfolio-website-important)
|
||||||
|
2. [How to Choose the Right Domain Name](#how-to-choose-the-right-domain-name)
|
||||||
|
3. [How to Design Your Portfolio Site](#how-to-design-your-portfolio-site)
|
||||||
|
4. [How to Pick the Right Tools](#how-to-pick-the-right-tools)
|
||||||
|
5. [How to Showcase Your Best Work](#how-to-showcase-your-best-work)
|
||||||
|
6. [How to Craft Your Brand Story and Unique Voice](#how-to-craft-your-brand-story-and-unique-voice)
|
||||||
|
7. [How to Add Additional Content](#how-to-add-additional-content)
|
||||||
|
8. [Essential Pages for Your Portfolio](#what-pages-you-need-in-your-portfolio)
|
||||||
|
9. [How to Organize the Home Page](#how-to-organize-the-home-page)
|
||||||
|
10. [How to Keep Your Portfolio Fresh](#how-to-keep-your-portfolio-fresh)
|
||||||
|
11. [Conclusion](#11-conclusion)
|
||||||
|
|
||||||
|
### Short Summary
|
||||||
|
|
||||||
|
1. Building a great personal portfolio page is crucial for showcasing your skills and personality in the digital realm.
|
||||||
|
2. This step-by-step guide will help you overcome common challenges like starting, structuring, and designing your portfolio effectively.
|
||||||
|
3. Learn how to choose the right domain, design your site, showcase your best work, and craft a unique voice to make a lasting impression.
|
||||||
|
4. Discover the essential elements, additional content options, social media strategies, and SEO techniques to maximize your portfolio's impact.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Set against Doha's futuristic skyline, this image symbolizes the critical role of a personal portfolio in distinguishing yourself in the tech landscape - [lunartech.ai](https://lunartech.ai/)
|
||||||
|
|
||||||
|
## Why is a Personal Portfolio Website Important?
|
||||||
|
|
||||||
|
Your portfolio, much like a shop's facade or what you wear, communicates your personal style and standards, offering a reflection of your professional identity.
|
||||||
|
|
||||||
|
The structure of your website, the projects you spotlight, and the narrative you weave about your journey play a pivotal role in this representation.
|
||||||
|
|
||||||
|
While some have navigated their way to impressive careers without a digital footprint, these days it's become more and more important to have a solid personal portfolio. This is particularly true for tech professionals—ranging from software engineers to data scientists and AI experts.
|
||||||
|
|
||||||
|
This digital domain gives you a place to show what sets you apart, embodying the core of your unique value proposition. Without this platform, you leave your professional narrative to chance, permitting others to assemble a fragmented view of your persona.
|
||||||
|
|
||||||
|
Not having an online personal portfolio could well dictate whether you secure your dream position and successfully establish a strong personal brand, versus fading into the background. In the digital-first era we navigate, a personal portfolio transcends mere benefit—it emerges as an [essential instrument for personal branding](https://www.freecodecamp.org/news/personal-branding-for-devs-handbook/).
|
||||||
|
|
||||||
|
### How a Personal Portfolio Helps You
|
||||||
|
|
||||||
|
For engineers seeking to carve out a distinctive identity in the tech landscape, the quest to showcase what makes you unique is paramount. While GitHub serves as a testament to your technical abilities, it often speaks a language too specialized for a broader audience.
|
||||||
|
|
||||||
|
Similarly, YouTube offers a platform for personality-driven exposure, but the prospect of speaking to a camera for hours may not align with your preferred mode of expression. Herein lies the unparalleled value of a personal portfolio page: it stands as one of the most effective mediums to represent yourself.
|
||||||
|
|
||||||
|
When you're creating your personal portfolio, it's crucial to demonstrate your expertise and establish your credibility. This demands clear and concise communication, directly engaging potential clients or employers, showcasing your skills, and fostering an online presence.
|
||||||
|
|
||||||
|
These are not mere suggestions but critical measures for contemporary professionals. By crafting a portfolio that not only displays your work but propels your career forward, you assert a distinctive presence in the competitive realm of technology, ensuring your unique contributions are both seen and valued.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Choose the Right Domain Name - [lunartech.ai](https://lunartech.ai/)
|
||||||
|
|
||||||
|
## How to Choose the Right Domain Name
|
||||||
|
|
||||||
|
When setting up your personal portfolio website, selecting the perfect domain name is a crucial decision that can impact your online presence significantly.
|
||||||
|
|
||||||
|
Your domain name is essentially your online identity, so it's important to choose wisely to make a lasting impression on your visitors and potential clients.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Choosing my domain name - vaheaslanyan.com
|
||||||
|
|
||||||
|
For my personal portfolio page, I like to keep it simple: firstname+lastname.com or just firstname.com. So for me it is: [vaheaslanyan.com](http://vaheaslanyan.com/). (My firstname + lastname.com)
|
||||||
|
|
||||||
|
### Other examples are
|
||||||
|
|
||||||
|
1. **JohnDoe.com**: This is the most direct approach, using both your first and last name. It's professional and clear for anyone looking for your work.
|
||||||
|
2. **AlexJohnson.dev**: For those in the tech industry, using a domain extension like .dev can highlight your area of expertise.
|
||||||
|
3. **MichaelRoberts.design**: Similar to the .dev extension, using .design can be a great choice for professionals in fields like graphic design, UX/UI, or related areas.
|
||||||
|
4. **Elena.co**: If your first name is unique enough, or if you prefer a shorter URL, you might use just your first name with a less common extension like .co.
|
||||||
|
5. **MaxCreates.com**: If "Max" is your nickname and you're in a creative industry, this domain clearly indicates what you do and who you are.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
My name coming up in Google search results
|
||||||
|
|
||||||
|
### Importance of a Domain Name
|
||||||
|
|
||||||
|
Your domain name is the first thing users see when they land on your website, so it should be memorable, easy to spell, and reflect your brand identity.
|
||||||
|
|
||||||
|
Here's why it's critical:
|
||||||
|
|
||||||
|
* **It Reflects Your Brand**: A well-chosen domain name can effectively convey your unique voice and what you have to offer. If it is your project portfolio website, then something that reflects your name or nickname is a great way to accomplish this.
|
||||||
|
* **It Improves Search Engine Ranking**: Having relevant keywords in your domain name can positively impact your website's SEO.
|
||||||
|
* **It Attracts Potential Clients**: A professional and catchy domain name can pique the interest of potential clients and make your website stand out.
|
||||||
|
|
||||||
|
### ==Tips for Choosing the Perfect Domain Name==
|
||||||
|
|
||||||
|
* **==Keep It Simple==**==: Opt for a domain name that is easy to remember and type.==
|
||||||
|
* **==Include Keywords==**==: If possible, incorporate relevant keywords related to your industry or profession.==
|
||||||
|
* **==Consider Your Niche==**==: Ensure your domain name aligns with the type of work showcased on your portfolio.==
|
||||||
|
* **==Avoid Numbers and Hyphens==**==: Numbers and hyphens can be confusing and are often forgotten when typing a domain name.==
|
||||||
|
* **==Check Availability==**==: Verify that the domain name you want is not already taken and is available for purchase. You can use== ==[namecheap.com](https://www.namecheap.com/)====,== ==[godaddy.com](https://www.godaddy.com/nl-nl)== ==and many other online hosting websites.==
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Here's a visual representation capturing a web designer in their workspace -[ lunartech.ai](https://lunartech.ai/)
|
||||||
|
|
||||||
|
## How to Design Your Portfolio Site
|
||||||
|
|
||||||
|
When selecting a design for your portfolio website, it’s important that the theme reflects your professional brand. For example, lawyers typically want a theme that suggests reliability and authority, while educators might choose a Learning Management System (LMS) to share courses.
|
||||||
|
|
||||||
|
To find the right design, websites like Envato, ThemeForest, and Figma templates are useful. It's helpful to plan what you want on each page before deciding on a design.
|
||||||
|
|
||||||
|
Here's how to approach this process:
|
||||||
|
|
||||||
|
**Understand Your Brand**: First, define what your brand represents and the impression you want to make. Whether your style is modern and sleek or more traditional and professional, your website's design should align with this.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
My personal portfolio homepage
|
||||||
|
|
||||||
|
**==Research Design Options==**==: Explore various design templates on platforms like Envato, ThemeForest, and Figma. These resources offer a wide array of designs suited to different professions, aiding in finding one that matches your vision.==
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Different site design options
|
||||||
|
|
||||||
|
**Functionality and Features Needs**: Consider the features essential for showcasing your work effectively. For a digital artist, high-resolution galleries might be key, while a developer might need support for embedding code snippets.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Press releases on my site
|
||||||
|
|
||||||
|
**Sketch Your Layouts**: Draft a basic layout for each page of your website before committing to a design. This helps visualize how the design will accommodate your content.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Example wireframes for creating a personal portfolio
|
||||||
|
|
||||||
|
**Prioritize Simplicity and User Experience**: A design that's easy to navigate and not overly complicated will keep the focus on your portfolio and provide a better experience for your visitors.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
An example of a simple website design
|
||||||
|
|
||||||
|
**Ensure Compatibility and Responsiveness**: The design should look good and function well across all devices and browsers. Responsiveness ensures your website adapts to any screen size.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
An example of a responsive site that looks good on both desktop and mobile
|
||||||
|
|
||||||
|
**Customization Flexibility**: Look for a design that offers customization. Being able to adjust elements like colors, fonts, and layout means you can tailor the design to fit your brand perfectly.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
An example of a flexible design
|
||||||
|
|
||||||
|
**Test and Gather Feedback**: If possible, test the design with some of your content and ask for feedback from colleagues or mentors. Their insights can help you gauge the design's effectiveness in presenting your work.
|
||||||
|
|
||||||
|
By carefully choosing a design that represents your professional brand, you create a strong foundation for a portfolio website that effectively showcases your skills and communicates your unique value to visitors.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Here's the visual representation capturing a tech professional in their early morning coding session - [lunartech.ai](https://lunartech.ai/)
|
||||||
|
|
||||||
|
Choosing the right tools to build your portfolio involves understanding your needs, evaluating available options, and selecting solutions that align with your skills and goals.
|
||||||
|
|
||||||
|
This chapter guides you through this process, from deciding between coding your own site vs using a no-code platform to selecting the perfect hosting provider.
|
||||||
|
|
||||||
|
### Understand Your Needs
|
||||||
|
|
||||||
|
First, it's important to identify your field: are you in the tech industry, or are you in some other line of work?
|
||||||
|
|
||||||
|
Your field of work significantly influences your choice of portfolio tools. Tech professionals might lean towards custom-coded sites to showcase their coding prowess, while those in non-tech fields may prefer no-code builders for their convenience and ease of use.
|
||||||
|
|
||||||
|
Next, you'll want to evaluate your skills to decide how to actually create the site. Do you want to code your own portfolio, or choose a no-code solution?
|
||||||
|
|
||||||
|
Assess your skills honestly. If you're comfortable with coding, a custom-built site might be the best way to showcase your technical abilities. For those without coding skills or a desire to learn, no-code platforms offer a practical and efficient alternative.
|
||||||
|
|
||||||
|
Then you'll want to set your website goals and objectives. Define what you want your portfolio to achieve. Are you looking to attract freelance clients, land a full-time job, or simply showcase your work? Your goals can influence the choice of platform, design, and content of your portfolio.
|
||||||
|
|
||||||
|
### Options for Tech Professionals
|
||||||
|
|
||||||
|
Coding your own portfolio from scratch offers complete control over design and functionality, allowing you to create a unique and personalized online presence. It also showcases what you can do with code.
|
||||||
|
|
||||||
|
#### Benefits of Custom Coding
|
||||||
|
|
||||||
|
* Customization: Tailor every aspect of your site to fit your personal brand.
|
||||||
|
* Skill Demonstration: Showcase your coding ability to potential employers or clients.
|
||||||
|
|
||||||
|
#### Recommended Technologies and Frameworks
|
||||||
|
|
||||||
|
* **HTML, CSS, and JavaScript Basics**: The foundation of web development, essential for any custom-built portfolio.
|
||||||
|
* **Advanced Frameworks**: Utilize React, Angular, or Vue to create dynamic and responsive sites.
|
||||||
|
|
||||||
|
#### Hosting Solutions for Coders
|
||||||
|
|
||||||
|
* **GitHub Pages**: A free option for hosting simple, static sites.
|
||||||
|
* **Netlify and Vercel**: Provide more flexibility and support for dynamic sites built with advanced frameworks.
|
||||||
|
|
||||||
|
### No-Code Solutions for Non-Tech Professionals
|
||||||
|
|
||||||
|
No-code platforms have democratized web design, enabling anyone to create beautiful, functional websites without writing a single line of code.
|
||||||
|
|
||||||
|
#### Comparing Popular No-Code Platforms
|
||||||
|
|
||||||
|
* **WordPress**: Versatile and widely used, with extensive themes and plugins.
|
||||||
|
* **Webflow**: Offers unparalleled customization and flexibility without requiring coding knowledge.
|
||||||
|
* **Squarespace**: Known for its ease of use and stunning, design-forward templates.
|
||||||
|
|
||||||
|
### How to Choose the Right Hosting Option
|
||||||
|
|
||||||
|
Your hosting provider impacts your site's loading speed, uptime, and overall user experience, making it a crucial factor in your portfolio's success.
|
||||||
|
|
||||||
|
#### Some Common Hosting Providers
|
||||||
|
|
||||||
|
* **Namecheap**: Offers affordable, reliable hosting with excellent customer support.
|
||||||
|
* **Alternative Options**: Explore other reputable providers like Bluehost and SiteGround based on your specific needs.
|
||||||
|
|
||||||
|
Choosing the right tools for your personal portfolio requires a thoughtful evaluation of your needs, skills, and goals. Whether through custom coding or no-code platforms, the perfect portfolio is within reach.
|
||||||
|
|
||||||
|
By carefully selecting the right tools and platforms, you can create a portfolio that not only showcases your work but also helps you achieve your career aspirations.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Here's a visual representation capturing a software engineer as they organize their portfolio - [lunartech.ai](https://lunartech.ai/)
|
||||||
|
|
||||||
|
## How to Showcase Your Best Work
|
||||||
|
|
||||||
|
When setting up your portfolio page, it's essential to showcase projects that reflect your current focus in software engineering, data science, AI, or whatever area of tech you call home.
|
||||||
|
|
||||||
|
Select projects that are recent and demonstrate your skills and interests in these areas, ensuring your portfolio aligns with the professional direction you're aiming for.
|
||||||
|
|
||||||
|
### Categorize Your Projects
|
||||||
|
|
||||||
|
Divide your projects into categories like software development, data analysis, or artificial intelligence to help visitors navigate your portfolio more easily.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
The project section on my personal portfolio site with clear sections for different topics
|
||||||
|
|
||||||
|
This organization allows you to display a broad skill set, making it clear you're well-versed in multiple aspects of tech. It also helps visitors quickly find projects that align with their specific interests or needs.
|
||||||
|
|
||||||
|
### Provide Detailed Project Descriptions
|
||||||
|
|
||||||
|
For each project, write a brief description that outlines the project's goals, your role in its development, and the technology used. Highlight any unique challenges you encountered and how you overcame them, showcasing your problem-solving skills.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Example of some project descriptions listing the challenge, goal, technologies used, etc.
|
||||||
|
|
||||||
|
These descriptions give context to your work and help visitors understand the depth of your technical expertise and creativity.
|
||||||
|
|
||||||
|
### Use High-Quality Visuals and Code Snippets
|
||||||
|
|
||||||
|
Incorporate clear screenshots of your projects or UI designs, and consider including code snippets to illustrate the quality of your coding practices.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
A high quality visual
|
||||||
|
|
||||||
|
Visuals help convey the complexity and functionality of your projects, while code snippets can give fellow tech professionals insight into your technical approach. Together, they provide a comprehensive view of your capabilities.
|
||||||
|
|
||||||
|
### Include Client or Collaborator Testimonials
|
||||||
|
|
||||||
|
Testimonials from clients, colleagues, or collaborators can add credibility to your portfolio. Positive feedback on your technical skills, work ethic, and ability to deliver solutions can significantly enhance your professional image.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Examples from my testimonials page
|
||||||
|
|
||||||
|
These testimonials act as a form of social proof, validating your expertise in your field.
|
||||||
|
|
||||||
|
### Highlight Achievements and Contributions
|
||||||
|
|
||||||
|
==Showcase any recognitions, certifications, or contributions to open-source projects.==
|
||||||
|
|
||||||
|
For example, if you've received a "Developer of the Month" award from a well-known tech community, obtained a certification in Advanced Machine Learning from a reputable online platform, or contributed to open-source projects on GitHub like TensorFlow or Apache Spark, make sure these are prominently featured.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Some of my own milestones throughout my career
|
||||||
|
|
||||||
|
Highlighting such achievements, like winning a hackathon or being part of a team that developed a widely used software tool, showcases your commitment and active engagement in the tech community.
|
||||||
|
|
||||||
|
It also positions you as a dedicated and accomplished professional, underlining your contributions and achievements within the fields of software engineering, data science, and AI.
|
||||||
|
|
||||||
|
### Feature Interactive Demos
|
||||||
|
|
||||||
|
Where possible, include interactive demos of your projects or links to live sites where visitors can see your work in action. This not only makes your portfolio more engaging but also lets visitors experience the usability and functionality of your creations firsthand.
|
||||||
|
|
||||||
|
Interactive demos can be particularly compelling for projects in AI and data science, where results and data visualizations play a crucial role.
|
||||||
|
|
||||||
|
To effectively include interactive demos or links to live sites in your portfolio, consider these approaches:
|
||||||
|
|
||||||
|
1. **Embed Project Videos**: Create short video demonstrations of your projects and embed them directly into your portfolio. These videos can guide viewers through the functionality and features of your creations, providing a dynamic way to showcase your work.
|
||||||
|
2. **Use GitHub Pages**: For software engineering projects, deploy your web applications or tools on [GitHub Pages](https://pages.github.com/), providing a direct link in your portfolio. This free hosting service allows you to present live versions of your projects, making them accessible to anyone.
|
||||||
|
3. **Interactive Data Visualization Tools**: For data science projects, utilize tools like [Tableau Public](https://public.tableau.com/app/discover) or [D3.js](https://d3js.org/) to create interactive visualizations of your data analyses. Embed these visualizations in your portfolio to let visitors interact with the data, understand your analytical skills, and appreciate the insights you've uncovered.
|
||||||
|
4. **Host on Cloud Platforms**: Use cloud platforms like [Heroku](https://www.heroku.com/) or [Netlify](https://www.netlify.com/) to deploy your projects and include the live links in your portfolio. These platforms support a wide range of programming languages and frameworks, making them suitable for showcasing both frontend and backend projects.
|
||||||
|
5. **Demo Notebooks for AI Models**: Share Jupyter notebooks via platforms like GitHub or NBViewer that demonstrate the workings of your AI models. These notebooks can include code, visualizations, and explanations, offering a comprehensive view of your project's development process and results.
|
||||||
|
6. **Create an Interactive Portfolio Section**: Design a specific area of your portfolio dedicated to interactive demos. This section can include thumbnails or icons representing each project, which visitors can click on to explore the demo or live site.
|
||||||
|
7. **Use Code Sandboxes**: For smaller projects or code snippets, use online code editors like [CodePen](https://codepen.io/) or [JSFiddle](https://jsfiddle.net/) to create live previews. These platforms allow you to write HTML, CSS, and JavaScript in the browser and share interactive versions of your work.
|
||||||
|
|
||||||
|
By incorporating these methods, you can make your portfolio more engaging and provide potential employers or clients with a hands-on understanding of your projects' usability, functionality, and the innovative solutions you bring to the table in software engineering, data science, and AI.
|
||||||
|
|
||||||
|
### Regularly Update Your Portfolio
|
||||||
|
|
||||||
|
Keep adding new projects and updating your portfolio to reflect your latest work and ongoing learning in the tech field. This demonstrates your commitment to staying current with technological advancements and your continuous professional development. An up-to-date portfolio shows you're actively involved in your field and passionate about your work.
|
||||||
|
|
||||||
|
By tailoring your portfolio with these considerations in mind, you ensure it effectively showcases your expertise in software engineering, data science, and AI. This approach not only highlights your technical skills but also your adaptability and ongoing growth in these rapidly evolving fields.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
A marketing team brainstorming session - [lunartech.ai](https://lunartech.ai/)
|
||||||
|
|
||||||
|
## **How to Craft Your Brand Story and Unique Voice**
|
||||||
|
|
||||||
|
Crafting your brand's voice is a vital aspect of the brand's identity, serving as the embodiment of its personality across all forms of communication. A well-defined brand voice not only distinguishes a brand in a crowded market but also establishes a consistent and relatable presence that resonates with its target audience.
|
||||||
|
|
||||||
|
This chapter delves into the intricate process of sculpting your brand's unique voice and narrative, ensuring it aligns with its core values, mission, and the expectations of its audience.
|
||||||
|
|
||||||
|
### **Understanding Your Brand's Core**
|
||||||
|
|
||||||
|
The journey to crafting your brand's voice begins with a deep dive into its essence. This involves clarifying your brand's mission, values, and the unique proposition it offers to its audience.
|
||||||
|
|
||||||
|
A brand voice that is in harmony with these core aspects will not only be authentic but also compelling to your target audience.
|
||||||
|
|
||||||
|
### **Identify Your Audience**
|
||||||
|
|
||||||
|
Understanding and identifying your target audience as a developer is pivotal to creating a personal portfolio website that resonates with the right people, whether they are potential employers, clients, students for your courses, or collaborators. Here's how to refine your approach based on who you're speaking to most often:
|
||||||
|
|
||||||
|
#### For Educators and Course Creators
|
||||||
|
|
||||||
|
If analytics or feedback suggests that a significant portion of your visitors (like the 90% in the example) are potential students interested in your courses, your portfolio should position you as a subject matter expert and a capable educator. Here's how:
|
||||||
|
|
||||||
|
* **Showcase Educational Content**: Highlight courses you've created, workshops you've conducted, and any educational materials you offer. Use clear, engaging descriptions and include student testimonials to underscore the value of your courses.
|
||||||
|
* **Demonstrate Expertise**: Include a detailed "About Me" section that outlines your credentials, experience, and any awards or recognitions you've received in your field. This helps build trust and establish your authority.
|
||||||
|
* **Provide Free Resources**: Offering free tutorials, blog posts, or downloadable resources can be a great way to showcase your knowledge and teaching style, encouraging visitors to engage with your paid courses.
|
||||||
|
* **Engage with Interactive Demos**: Use interactive elements or demos related to your courses to engage visitors and give them a taste of what you offer, making your site and courses more memorable.
|
||||||
|
|
||||||
|
#### ==For Developers Seeking Employment==
|
||||||
|
|
||||||
|
==If your primary goal is to attract potential employers, your portfolio needs to emphasize your technical skills, projects, and the professional value you bring. Here's how to tailor your site:==
|
||||||
|
|
||||||
|
* **==Highlight Relevant Projects==**==: Showcase a selection of projects that are most relevant to the types of roles you're seeking. Include detailed case studies that walk through your problem-solving process, technologies used, and the outcomes achieved.==
|
||||||
|
* **==Professional Narrative==**==: Use the "About Me" section to narrate your professional journey, emphasizing experiences and skills that align with your career aspirations. Mention any collaborative projects to demonstrate teamwork and communication skills.==
|
||||||
|
* **==Testimonials from Colleagues==**==: Including endorsements from past colleagues, supervisors, or collaborators can add credibility and provide insight into your working style and contributions to a team.==
|
||||||
|
* **==Technical Blog==**==: If you maintain a blog, focus on posts that highlight your expertise, insights into technology trends, and solutions to common problems in your field. This not only showcases your knowledge but also your ability to communicate complex ideas clearly.==
|
||||||
|
|
||||||
|
### General Tips for Identifying Your Audience
|
||||||
|
|
||||||
|
* **Survey Your Visitors**: Simple surveys or feedback forms on your website can provide direct insights into who your visitors are and what they're looking for.
|
||||||
|
* **Analyze Website Analytics**: Use tools like Google Analytics to understand the demographics, interests, and behavior of your site's visitors. Look for patterns in the pages visited, the content engaged with, and the referral sources.
|
||||||
|
* **Social Media Insights**: If you use social media to share your work or insights, platforms like Twitter, LinkedIn, and Instagram provide analytics that can help you understand your followers' profiles and preferences.
|
||||||
|
* **Competitor Analysis**: Look at the portfolios of peers in your field. Notice who their target audience seems to be and how they engage with them. This can offer clues about your own audience.
|
||||||
|
|
||||||
|
Identifying and understanding your target audience allows you to craft a portfolio that speaks directly to their needs and interests. Whether you're teaching, seeking employment, or offering freelance services, a focused approach ensures that your portfolio resonates with the right people, making it a powerful tool in achieving your professional goals.
|
||||||
|
|
||||||
|
### **Craft Your Brand Narrative**
|
||||||
|
|
||||||
|
Once you have a clear understanding of your brand's core and its audience, the next step is to weave your brand narrative.
|
||||||
|
|
||||||
|
This narrative should tell the story of your brand—where it comes from, what it stands for, and where it is headed.
|
||||||
|
|
||||||
|
The narrative becomes the foundation upon which your brand voice is built, ensuring that every message you convey is coherent and aligned with your brand's story.
|
||||||
|
|
||||||
|
### **Be Aware of the Tone of Your Voice**
|
||||||
|
|
||||||
|
==The tone of your brand voice can vary depending on the context and the platform, but it should always reflect your brand's personality.==
|
||||||
|
|
||||||
|
==Whether it's confident and authoritative, friendly and conversational, or inspirational and aspirational, the tone should be consistent across all channels to maintain brand recognition and loyalty.==
|
||||||
|
|
||||||
|
### **Consistency Is Key**
|
||||||
|
|
||||||
|
Maintaining consistency in your brand voice across all platforms and touchpoints is crucial. This consistency helps in building trust and credibility with your audience. It ensures that no matter where or how your audience encounters your brand, they receive the same experience and message.
|
||||||
|
|
||||||
|
### **Evolve Your Voice**
|
||||||
|
|
||||||
|
While consistency is essential, it's also important to allow your brand voice to evolve with your audience and the market. Stay open to feedback and be willing to adjust your voice as needed to ensure it remains relevant and engaging to your audience.
|
||||||
|
|
||||||
|
Crafting your brand story and unique voice is not a one-time effort but an ongoing process of refinement and evolution.
|
||||||
|
|
||||||
|
By staying true to your brand's core, understanding your audience, and being consistent yet flexible in your approach, you can create a brand voice that not only defines your brand's identity but also builds lasting connections with your audience.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
A web designer enhancing their portfolio website with a variety of content to showcase their capabilities - [lunartech.ai](https://lunartech.ai/)
|
||||||
|
|
||||||
|
## How to Add Additional Content
|
||||||
|
|
||||||
|
Enhancing your personal portfolio website with a variety of content not only enriches the visitor's experience but also showcases the breadth of your capabilities. Here are some key additions that can transform your site:
|
||||||
|
|
||||||
|
### Client Testimonials and Peer Reviews
|
||||||
|
|
||||||
|
==Incorporate feedback from previous clients or colleagues to highlight your skills and professionalism. Testimonials lend authenticity and foster trust in your portfolio.==
|
||||||
|
|
||||||
|
**Example:** a section titled "What People Are Saying" can feature a carousel of quotes from past clients, such as: "Alex transformed our brand's vision into reality with exceptional design and attention to detail. Working with them was a game-changer!" – Jamie, Brand Manager
|
||||||
|
|
||||||
|
### Detailed Case Studies
|
||||||
|
|
||||||
|
==Showcase your standout projects with comprehensive case studies. These narratives offer a deep dive into your creative process, problem-solving abilities, and the impact of your work.==
|
||||||
|
|
||||||
|
**Example:** a page dedicated to a rebranding project for a local café, including the challenge ("Revitalizing a beloved local brand"), the process (from initial sketches to final design choices), and the impact (increased customer engagement and sales).
|
||||||
|
|
||||||
|
### Blog Insights
|
||||||
|
|
||||||
|
==A blog section can serve as a platform for sharing your expertise, industry insights, or personal reflections. It reflects your dedication to your craft and ensures your site remains vibrant with new content.==
|
||||||
|
|
||||||
|
**Example:** a series of posts under "Design Insights," with entries like "The Future of Web Design: Trends to Watch" or "My Creative Process: From Concept to Completion," providing readers with valuable knowledge and a peek into your creative world.
|
||||||
|
|
||||||
|
### Behind-the-Scenes Glimpses
|
||||||
|
|
||||||
|
==Offer a look into your creative journey through behind-the-scenes content like sketches, mood boards, or early designs. This transparency into your process can fascinate visitors and add depth to your work presentation.==
|
||||||
|
|
||||||
|
**Example:** a gallery called "The Making of a Logo," featuring early sketches, revisions, and commentary on the thought process behind each stage, culminating in the final design.
|
||||||
|
|
||||||
|
### Engaging Interactive Elements
|
||||||
|
|
||||||
|
Incorporate dynamic features such as sliders, animations, or interactive galleries. These elements can make your portfolio more engaging and leave a lasting impression on visitors.
|
||||||
|
|
||||||
|
**Example:** an interactive gallery for a photography portfolio, where visitors can filter images by theme or color. Hovering over an image reveals the project name and details, while clicking enlarges the photo with a detailed caption.
|
||||||
|
|
||||||
|
### Awards and Honors
|
||||||
|
|
||||||
|
==Highlight any accolades or recognitions you've received. Showcasing your achievements adds prestige to your portfolio and distinguishes you from your peers.==
|
||||||
|
|
||||||
|
**Example:** a "Recognition" section displaying badges or trophies from design competitions, accompanied by a brief description of the award and the project that won it, such as "Winner of the 2023 Design Innovation Award for the Eco-Friendly Packaging Series."
|
||||||
|
|
||||||
|
### Video Demonstrations
|
||||||
|
|
||||||
|
Embedding video content, whether project walkthroughs or client feedback, can provide an immersive experience. Videos add a dynamic layer to your presentation, making your work more relatable and memorable.
|
||||||
|
|
||||||
|
**Example:** a video walkthrough of a mobile app design process, starting from wireframes to the finished product, with voiceover explaining design choices, challenges overcome, and user feedback incorporated into the final version.
|
||||||
|
|
||||||
|
### Infographics and Data Visualizations
|
||||||
|
|
||||||
|
==For those whose work involves data, adding infographics or visualizations can compellingly present complex information. This not only showcases your ability to simplify intricate data but also your creative approach to visual communication.==
|
||||||
|
|
||||||
|
**Example:** an infographic titled "The Impact of Good Design on User Engagement," showcasing statistics on user retention, satisfaction, and conversion rates before and after a website redesign, highlighting your ability to drive results through design.
|
||||||
|
|
||||||
|
Diversifying the content on your personal portfolio website with additions like testimonials, in-depth case studies, and interactive elements enriches your online presence. Such enhancements not only amplify the appeal and credibility of your portfolio but also demonstrate your comprehensive skill set and creativity.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
A web developer planning for personal portfolio website - [lunartech.ai](https://lunartech.ai/)
|
||||||
|
|
||||||
|
## What Pages You Need in Your Portfolio
|
||||||
|
|
||||||
|
To make your personal portfolio website truly unforgettable, paying close attention to its structure and content is paramount.
|
||||||
|
|
||||||
|
The goal is to showcase not just your work and abilities, but to establish a holistic online platform that mirrors your professional identity. Integrating specific essential pages is critical for a detailed presentation of your competencies to prospective employers or clients.
|
||||||
|
|
||||||
|
Here’s a detailed guide on the essential pages that are fundamental to a standout personal portfolio:
|
||||||
|
|
||||||
|
### ==Home Page: The Gateway to Your Professional Universe==
|
||||||
|
|
||||||
|
==The home page serves as the initial welcome to your professional domain, providing a brief yet impactful overview of your identity and offerings. This first impression is vital, setting the tone for the visitor's experience on your site.==
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
==My home page==
|
||||||
|
|
||||||
|
==Your home page should emphasize:==
|
||||||
|
|
||||||
|
* **==Engaging Introduction==**==: Introduce yourself with a quick mention of your professional designation and expertise.==
|
||||||
|
* **==Visual Elements==**==: Incorporate captivating visuals or a portfolio reel to immediately draw attention to your work.==
|
||||||
|
* **==Navigation Tips==**==: Direct visitors smoothly to different site sections with clear navigation aids.==
|
||||||
|
|
||||||
|
### ==Portfolio Section: A Display of Your Expertise==
|
||||||
|
|
||||||
|
==This core section is where you showcase your finest work. Organizing this area thoughtfully ensures that visitors can easily navigate through your projects. You should include:==
|
||||||
|
|
||||||
|
* **==Organization by Category==**==: Group projects by theme, type, or sector for straightforward browsing.==
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
==Projects organized by category on my personal portfolio page - Python, Statistics, Machine Learning, and NLP==
|
||||||
|
|
||||||
|
* **==Project Summaries==**==: Provide a concise description of each project, outlining your role, the methodology, and the results.==
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
==Example project summary on my portfolio==
|
||||||
|
|
||||||
|
* **==High-Resolution Media==**==: Present your work with high-quality images or videos to fully convey its quality.==
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
### ==About Me Page: Your Professional Narrative==
|
||||||
|
|
||||||
|
==This page allows you to forge a deeper connection with your audience by sharing your story, ambitions, and what makes you unique. It should cover:==
|
||||||
|
|
||||||
|
* **==Professional Background==**==: Share your career path, educational achievements, and significant milestones.==
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
==Some of my personal milestones==
|
||||||
|
|
||||||
|
* **==Skills and Expertise==**==: Spotlight the abilities that distinguish you in your field.==
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
==A page on my portfolio showing my "digital DNA" - the skills I'd like to showcase==
|
||||||
|
|
||||||
|
* **==Personal Insights==**==: Offering a peek into your personal hobbies or interests can make you more approachable and relatable.==
|
||||||
|
|
||||||
|
### Services Offered: How You Can Assist Clients
|
||||||
|
|
||||||
|
If your portfolio is meant to attract freelance or consulting work, clearly detail the services you provide. This section should convey:
|
||||||
|
|
||||||
|
* **Services List**: Enumerate the services you offer, such as design, consulting, or writing.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
A section on my site describing the courses I offer/topics I teach about
|
||||||
|
|
||||||
|
* **Unique Advantages**: Describe what sets your services apart from the competition.
|
||||||
|
* **Workflow Description**: Outline your process from the initial contact to project completion, offering potential clients a glimpse into your working style.
|
||||||
|
|
||||||
|
### ==Contact Information: Simplifying Communication==
|
||||||
|
|
||||||
|
==For potential collaborations, it’s essential to make reaching out as simple as possible. Your contact page should include:==
|
||||||
|
|
||||||
|
* **==Various Contact Methods==**==: Provide a contact form, email, and possibly a phone number for easy communication.==
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
==My contact information page on my personal portfolio site==
|
||||||
|
|
||||||
|
* **==Social Media Profiles==**==: Guide visitors to your professional social media pages.==
|
||||||
|
* **==Geographic Details==**==: If applicable, mention your location or time zone.==
|
||||||
|
|
||||||
|
### Client Testimonials: Evidence of Your Expertise
|
||||||
|
|
||||||
|
Testimonials from previous clients or colleagues act as a strong endorsement of your skills and dependability. Consider featuring:
|
||||||
|
|
||||||
|
* **Client Feedback**: Include concise, meaningful quotes from clients about their satisfaction with your work.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Some of my client's testimonials
|
||||||
|
|
||||||
|
* **Project Links**: Optionally, connect these testimonials to specific projects they refer to.
|
||||||
|
* **Client Images or Logos**: Adding photos or logos of the client's company can add credibility to each testimonial.
|
||||||
|
|
||||||
|
Incorporating these key pages into your personal portfolio website not only effectively showcases your skills but also offers a complete picture of your professional sphere.
|
||||||
|
|
||||||
|
By meticulously designing each section, you can cultivate a digital presence that draws in potential clients or employers, showcases your proficiency, and distinguishes you in your industry.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
This illustration emphasizes a modern and inviting atmosphere, designed to pique the curiosity of visitors and encourage exploration of the portfolio. - [lunartech.ai](https://lunartech.ai/)
|
||||||
|
|
||||||
|
## How to Organize the Home Page
|
||||||
|
|
||||||
|
Now let's talk about how to strategically organize the homepage of your personal portfolio website. The essence of the homepage is to succinctly represent you and ignite the curiosity of visitors to delve into your portfolio page. Essential sections include:
|
||||||
|
|
||||||
|
### 1\. Navigation Bar
|
||||||
|
|
||||||
|
A well-designed navigation bar is your visitor's roadmap to your website. It should be intuitive and straightforward, guiding them through your site with ease.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Navigation section of my site
|
||||||
|
|
||||||
|
Include links to your portfolio, about page, services, and contact information. Ensure it's accessible from every page, providing a seamless browsing experience.
|
||||||
|
|
||||||
|
Your header hero acts as the first impression and the hook that draws visitors in. This section should feature a striking, high-quality image or a dynamic slider that represents your work or persona.
|
||||||
|
|
||||||
|
Accompany this visual with a bold, concise statement about who you are and what you do. This is your chance to make an impact, so choose words and images that resonate with your professional identity and goals.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Homepage displaying the header hero image on my site
|
||||||
|
|
||||||
|
My hero image has my name in large print, and informs viewers that I specialize in compter science, data science, and AI.
|
||||||
|
|
||||||
|
### 3\. Your Skills
|
||||||
|
|
||||||
|
Highlighting your skills is crucial in showcasing your competencies to potential clients or employers.
|
||||||
|
|
||||||
|
Create a visually engaging section where you list your primary skills, perhaps using icons or progress bars for a more dynamic presentation. Focus on the skills that set you apart and are most relevant to the work you want to attract.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Some of my skills listed on my site
|
||||||
|
|
||||||
|
On my site, I emphasize that I've had experience managing teams, optimizing performance, and building AI-driven products, for example.
|
||||||
|
|
||||||
|
### 4\. Your Case Studies
|
||||||
|
|
||||||
|
Case studies are powerful testimonials of your work history and success stories. Dedicate a section to showcase selected projects that highlight your problem-solving skills, creativity, and the value you’ve brought to previous engagements.
|
||||||
|
|
||||||
|
For each case study, provide context, your role, challenges, solutions, and results. Including impactful visuals or links to the projects can greatly enhance this section.
|
||||||
|
|
||||||
|
### 5\. Your Milestones
|
||||||
|
|
||||||
|
This section is a timeline or a list of significant achievements, awards, recognitions, or other milestones in your career. It's a narrative of your professional journey and successes.
|
||||||
|
|
||||||
|
Presenting this information in a chronological timeline or a visually engaging infographic can help tell your story compellingly and succinctly.
|
||||||
|
|
||||||
|
You can list achievements such as starting a company, graduating from a degree program, reaching a certain number of followers on social media, and so on.
|
||||||
|
|
||||||
|
### 6\. Testimonials (What others say about you)
|
||||||
|
|
||||||
|
Testimonials from past clients, colleagues, or employers lend credibility and trust to your professional image. Select quotes that reflect your work ethic, impact, and personality.
|
||||||
|
|
||||||
|
Displaying these testimonials with the name, title, and, if possible, a photo of the person providing them adds authenticity and a personal touch.
|
||||||
|
|
||||||
|
### 7\. Technical Skills
|
||||||
|
|
||||||
|
In addition to your general skills, it's important to specifically highlight your technical skills. This section should detail the tools, technologies, software, and programming languages you are proficient in.
|
||||||
|
|
||||||
|
Using logos or icons of these technologies can make this section more visually appealing and easier to scan for visitors who are quickly trying to gauge your technical capabilities.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
My "digital DNA"
|
||||||
|
|
||||||
|
For example, my "digital DNA" is made up of C++, Java, JavaScript, Python, React, and other popular technologies.
|
||||||
|
|
||||||
|
Beyond these, your homepage doesn't require additional content. It's vital to capture the visitor's attention quickly with compelling visuals and effective copywriting, given the short window to make an impact.
|
||||||
|
|
||||||
|
### ==Do's for a Captivating Homepage==
|
||||||
|
|
||||||
|
* **==Be Concise==**==: Ensure your message is clear and to the point.==
|
||||||
|
* **==Use Endorsement Logos==**==: Incorporate logos of companies you've appeared on to build trust.==
|
||||||
|
* **==Display Technical Stack Logos==**==: Show the technologies you're proficient in using their logos.==
|
||||||
|
* **==Showcase a Case Study Gallery==**==: Highlight your best work in an easily navigable gallery.==
|
||||||
|
* **==Include a Dynamic Header==**==: Use an engaging hero section to make a strong first impression.==
|
||||||
|
* **==Highlight Recent Work==**==: Give visitors a glimpse of your latest projects to show you're active and relevant.==
|
||||||
|
* **==Use Testimonials Strategically==**==: Place client testimonials where they'll have the most impact, showcasing your reliability and skill.==
|
||||||
|
|
||||||
|
### ==Don'ts for Your Homepage==
|
||||||
|
|
||||||
|
* **==Avoid Random Placement==**==: Structure your content logically – don't place information haphazardly.==
|
||||||
|
* **==Steer Clear of Long Paragraphs==**==: Keep your homepage breezy and easy to read with short, impactful statements.==
|
||||||
|
* **==Don't Overwhelm with Content==**==: Your homepage isn't the place to squeeze in every detail of your portfolio.==
|
||||||
|
* **==Avoid Image Neglect==**==: Images are crucial for visual engagement, so don't omit them.==
|
||||||
|
* **==Resist Clutter==**==: Keep the design clean and focused to improve user experience.==
|
||||||
|
* **==Avoid Technical Jargon==**==: Use language that's accessible to all visitors, not just industry insiders.==
|
||||||
|
* **==Skip the Hard Sell==**==: Present your skills and achievements without being overly aggressive.==
|
||||||
|
|
||||||
|
Effective organization of your homepage is key to creating a memorable and professional personal portfolio website.
|
||||||
|
|
||||||
|
By following these guidelines, you ensure that your homepage not only accurately represents your professional persona but also encourages further exploration of your portfolio, opening up new opportunities for engagement and collaboration.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Here's a visual representation of a designer actively updating their online portfolio, highlighting their commitment to showcasing evolving skills and staying current. - <https://lunartech.ai/>
|
||||||
|
|
||||||
|
## How to Keep Your Portfolio Fresh
|
||||||
|
|
||||||
|
Keeping your portfolio updated is crucial for reflecting your evolving skills, expertise, and experiences. An engaging and current portfolio not only captivates potential clients and visitors but also illustrates your dedication to your profession. Here are strategies to ensure your portfolio remains fresh and appealing:
|
||||||
|
|
||||||
|
### Continuously Update with New Work
|
||||||
|
|
||||||
|
Regularly add your latest and greatest projects to your portfolio. This demonstrates your active involvement in your field and your commitment to quality and innovation. It's a way to showcase your growth and adaptability over time.
|
||||||
|
|
||||||
|
### Revamp Your Portfolio's Design
|
||||||
|
|
||||||
|
Periodically rejuvenating the design of your portfolio website can keep it looking modern and fresh. An updated design can better engage visitors and reflect your ability to stay in tune with the latest trends and technologies in design.
|
||||||
|
|
||||||
|
### Showcase Testimonials and Recognitions
|
||||||
|
|
||||||
|
Incorporate new testimonials from clients or colleagues, as well as any recent awards or honors you've received. This external validation of your work adds credibility and can significantly influence potential clients' perceptions of your expertise.
|
||||||
|
|
||||||
|
### Maintain an Active Blog
|
||||||
|
|
||||||
|
A blog can be a dynamic component of your portfolio, offering insights into your work process, industry observations, or detailed project breakdowns. Regular posts keep your site content fresh and can help establish you as a thought leader in your field.
|
||||||
|
|
||||||
|
Use social media platforms to highlight recent projects, achievements, and updates from your portfolio. A robust social media presence can extend your reach, attract a broader audience, and keep your work in the spotlight.
|
||||||
|
|
||||||
|
### Incorporate Interactive Elements
|
||||||
|
|
||||||
|
Adding interactive elements, such as animations or interactive galleries, can refresh the user experience on your site. These elements can make your portfolio more memorable and engaging.
|
||||||
|
|
||||||
|
### Feedback Loop
|
||||||
|
|
||||||
|
Invite feedback on your work and website from peers and mentors. Implementing constructive feedback can improve your portfolio's effectiveness and demonstrate your commitment to excellence and continuous improvement.
|
||||||
|
|
||||||
|
### Diversify Your Content
|
||||||
|
|
||||||
|
Show a range of projects and skills, including collaborative works, to display the breadth of your capabilities. This diversity can attract a wider array of clients interested in different aspects of your expertise.
|
||||||
|
|
||||||
|
### Stay Relevant with Trends
|
||||||
|
|
||||||
|
Keep abreast of the latest trends in your industry and incorporate them into your work and portfolio presentation. This shows that you are forward-thinking and capable of adapting to change.
|
||||||
|
|
||||||
|
By employing these strategies, you can ensure that your portfolio remains an accurate, engaging representation of your professional journey and capabilities. Regular updates and a proactive approach to showcasing your achievements can significantly enhance your portfolio's appeal, making it a powerful tool for attracting new opportunities and clients.
|
||||||
|
|
||||||
|
## Conclusion
|
||||||
|
|
||||||
|
When it comes to crafting a standout personal portfolio page, remember that simplicity and showcasing your best work are key. By following the step-by-step guide outlined in this blog, you can create a compelling portfolio that effectively highlights your skills and talents.
|
||||||
|
|
||||||
|
Start by organizing your projects in a clean and visually appealing layout. Use high-quality images and concise descriptions to provide visitors with a clear understanding of your work. Remember, your portfolio is a reflection of you and your brand.
|
||||||
|
|
||||||
|
Don't forget to include a call to action that prompts visitors to take the next step, whether it's contacting you for collaborations or viewing more of your work. Engage your audience with a clear message and encourage them to explore further. Ready to elevate your online presence? Take the first step and build that portfolio.
|
||||||
|
|
||||||
|
### ****Resources**
|
||||||
|
|
||||||
|
Kickstart your journey in technology with our specialized program that dives into Artificial Intelligence (AI) and machine learning. This initiative is crafted to build your programming expertise, supplemented with dedicated mentorship and career guidance to pave your way in the tech industry.
|
||||||
|
|
||||||
|
### Propel your career forward with this curated list of resources, focused on tangible outcomes:
|
||||||
|
|
||||||
|
* [How to Enter Gen AI in 2024:](https://downloads.tatevaslanyan.com/six-figure-data-science-ebook) This guide breaks down the essentials of emerging AI technologies and prepares you for future trends.
|
||||||
|
* [Land Your Software Engineering Internship:](https://join.lunartech.ai/software-engineering-internship) This resource provides step-by-step instructions for finding and landing a valuable internship in software engineering, giving you a competitive edge.
|
||||||
|
* [Machine Learning Fundamentals eBook:](https://join.lunartech.ai/machine-learning-fundamentals--3f64f) Begin your exploration of machine learning with this eBook, which provides a concise overview of its core principles and techniques.
|
||||||
|
|
||||||
|
For access to these resources and detailed information about our program, visit [LunarTech's ](https://lunartech.ai/)website. Embark on your tech career path with the right tools and support from [LunarTech](https://lunartech.ai/).
|
||||||
|
|
||||||
|
### ****Connect with Me:**
|
||||||
|
|
||||||
|
* [Follow me on LinkedIn for a ton of Free Resources in CS, ML and AI](https://ca.linkedin.com/in/vahe-aslanyan)
|
||||||
|
* [Visit my Personal Website](https://vaheaslanyan.com/)
|
||||||
|
* Subscribe to my [The Data Science and AI Newsletter](https://tatevaslanyan.substack.com/)
|
||||||
|
|
||||||
|
### ****About the Author**
|
||||||
|
|
||||||
|
I'm Vahe Aslanyan, specializing in the world of computer science, data science, and artificial intelligence. Explore my work at [vaheaslanyan.com](https://www.vaheaslanyan.com/). My expertise encompasses robust full-stack development and the strategic enhancement of AI products, with a focus on inventive problem-solving.
|
||||||
|
|
||||||
|
[Vahe Aslanyan - Crafting Code, Shaping FuturesDive into Vahe Aslanyan’s digital world, where each endeavor offers new insights and every hurdle paves the way for growth.Crafting Code, Shaping Futures](https://www.vaheaslanyan.com/)
|
||||||
|
|
||||||
|
I've consistently aimed to revolutionize technical education, striving to set a new, universal standard. As we wrap up this handbook, I want to say a big thank you for spending time with it. Sharing what I've learned has made me think more about my work. I hope what we've gone through together helps you move forward in tech.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
Learn to code for free. freeCodeCamp's open source curriculum has helped more than 40,000 people get jobs as developers. [Get started](https://www.freecodecamp.org/learn/)
|
||||||
|
|
@ -0,0 +1,725 @@
|
||||||
|
---
|
||||||
|
id: f2f6b3b5-b35c-49bf-ab94-61559888fe81
|
||||||
|
title: |
|
||||||
|
noboilerplate/scripts/27-coping-mechanisms.md at main · 0atman/noboilerplate
|
||||||
|
status: ARCHIVED
|
||||||
|
tags:
|
||||||
|
- read-later
|
||||||
|
date_added: 2024-03-25 17:12:00
|
||||||
|
url_omnivore: |
|
||||||
|
https://omnivore.app/me/noboilerplate-scripts-27-coping-mechanisms-md-at-main-0-atman-no-18e773dc294
|
||||||
|
url_original: |
|
||||||
|
https://github.com/0atman/noboilerplate/blob/main/scripts/27-coping-mechanisms.md
|
||||||
|
---
|
||||||
|
|
||||||
|
# noboilerplate/scripts/27-coping-mechanisms.md at main · 0atman/noboilerplate
|
||||||
|
|
||||||
|
## Highlights
|
||||||
|
|
||||||
|
If something comes to mind, or someone tells you something important, YOU MUST WRITE IT DOWN in a trusted system
|
||||||
|
|
||||||
|
[source](https://omnivore.app/me/noboilerplate-scripts-27-coping-mechanisms-md-at-main-0-atman-no-18e773dc294#901e24a0-6646-4f53-9233-fa3a627f1289)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
This theory is called Active Externalism.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
[source](https://omnivore.app/me/noboilerplate-scripts-27-coping-mechanisms-md-at-main-0-atman-no-18e773dc294#1f3cdbf9-2b58-4a65-9f83-c055ecff679d)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
Put EVENTS on your calendar.
|
||||||
|
|
||||||
|
[source](https://omnivore.app/me/noboilerplate-scripts-27-coping-mechanisms-md-at-main-0-atman-no-18e773dc294#0ae3ba38-15fe-4264-85b9-a355e502dc1c)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
Events are not tasks that have a due date - those things should go in a task management system.
|
||||||
|
|
||||||
|
[source](https://omnivore.app/me/noboilerplate-scripts-27-coping-mechanisms-md-at-main-0-atman-no-18e773dc294#c091f165-7a83-42d6-bb28-7979d4d243c9)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
If it can be done before the due date, it's a task, not an event.
|
||||||
|
|
||||||
|
[source](https://omnivore.app/me/noboilerplate-scripts-27-coping-mechanisms-md-at-main-0-atman-no-18e773dc294#f8d8cb12-333a-44d4-82e5-124c2347f084)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
Carry earplugs
|
||||||
|
|
||||||
|
[source](https://omnivore.app/me/noboilerplate-scripts-27-coping-mechanisms-md-at-main-0-atman-no-18e773dc294#ea1eceab-55f2-4482-bad4-fcc08ad1f565)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
What you're going to do is, at the first hint of confusion or misunderstanding, say "I'm sorry, I don't understand" and let them try again.
|
||||||
|
|
||||||
|
[source](https://omnivore.app/me/noboilerplate-scripts-27-coping-mechanisms-md-at-main-0-atman-no-18e773dc294#87395a65-15a8-439b-a946-257d5e715d34)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
You need context in communication like you're talking to a deep space probe Ask for what you need, which is for context to be included in what people ask of you.
|
||||||
|
|
||||||
|
[source](https://omnivore.app/me/noboilerplate-scripts-27-coping-mechanisms-md-at-main-0-atman-no-18e773dc294#c2ce3a46-c55a-48b6-b60d-b030d551ffce)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
All relevant information must be inside the message.
|
||||||
|
|
||||||
|
[source](https://omnivore.app/me/noboilerplate-scripts-27-coping-mechanisms-md-at-main-0-atman-no-18e773dc294#259b5f32-a40a-4252-a9ea-346987131a80)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
Use a Note-Taking System
|
||||||
|
|
||||||
|
[source](https://omnivore.app/me/noboilerplate-scripts-27-coping-mechanisms-md-at-main-0-atman-no-18e773dc294#f0f29fde-8f78-43a8-aa02-c58d5f25225c)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
This is important, Past Tris. Don't. Open. Your. Browser.
|
||||||
|
|
||||||
|
[source](https://omnivore.app/me/noboilerplate-scripts-27-coping-mechanisms-md-at-main-0-atman-no-18e773dc294#5bc8f767-dc93-4f00-8723-dbb16e62af1b)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
The first coping mechanism in this framework is eat the frog, which means to do the least pleasant or hardest task first.
|
||||||
|
|
||||||
|
[source](https://omnivore.app/me/noboilerplate-scripts-27-coping-mechanisms-md-at-main-0-atman-no-18e773dc294#b5408b52-072f-498d-9520-f42856d150dd)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
There's a good but boring book called Triggers by Marshall Goldsmith, that I recommend you read, or ideally get someone to summarise it for you.
|
||||||
|
|
||||||
|
[source](https://omnivore.app/me/noboilerplate-scripts-27-coping-mechanisms-md-at-main-0-atman-no-18e773dc294#e9fe7791-4063-4aa6-9c9e-641d506560ae)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
Pay attention to people who seem like they know what they are talking about and figure out what makes them so good at explaining their thoughts.
|
||||||
|
|
||||||
|
[source](https://omnivore.app/me/noboilerplate-scripts-27-coping-mechanisms-md-at-main-0-atman-no-18e773dc294#96ab7872-b330-4a81-a5fe-0d6191720a0f)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
Study, imitate and practice.
|
||||||
|
|
||||||
|
[source](https://omnivore.app/me/noboilerplate-scripts-27-coping-mechanisms-md-at-main-0-atman-no-18e773dc294#378de782-f5e4-4fe3-baa0-4836b3a896bd)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
Save your energy by focusing on the positives
|
||||||
|
|
||||||
|
[source](https://omnivore.app/me/noboilerplate-scripts-27-coping-mechanisms-md-at-main-0-atman-no-18e773dc294#e79fffb1-82c5-4955-8964-cb780627117d)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
Notice the negatives, but feel the positives.
|
||||||
|
|
||||||
|
[source](https://omnivore.app/me/noboilerplate-scripts-27-coping-mechanisms-md-at-main-0-atman-no-18e773dc294#45a4b54b-2ed2-40f1-b6cf-215f963e0014)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
You have to FOCUS.
|
||||||
|
|
||||||
|
[source](https://omnivore.app/me/noboilerplate-scripts-27-coping-mechanisms-md-at-main-0-atman-no-18e773dc294#706cd560-3e18-4abf-b45c-19b220a270d8)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 15\. Just do a bit
|
||||||
|
|
||||||
|
[](#15-just-do-a-bit)
|
||||||
|
|
||||||
|
> You put one word after another until its done. It's that easy, and that hard.
|
||||||
|
|
||||||
|
— Neil Gaiman
|
||||||
|
|
||||||
|
[source](https://omnivore.app/me/noboilerplate-scripts-27-coping-mechanisms-md-at-main-0-atman-no-18e773dc294#e41df1e5-9e90-4c91-809f-d2ae6e11c04d)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
I trick my brain into doing this with Timers.
|
||||||
|
|
||||||
|
[source](https://omnivore.app/me/noboilerplate-scripts-27-coping-mechanisms-md-at-main-0-atman-no-18e773dc294#52577fa3-2e0f-4f1d-af34-7d69308e3e15)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 17\. humanize organize mechanize
|
||||||
|
|
||||||
|
[](#17-humanize-organize-mechanize)
|
||||||
|
|
||||||
|
notes: This is how I build systems, both in my life and professionally.
|
||||||
|
|
||||||
|
**Humanise**
|
||||||
|
Do everything manually, on paper if needed, for many iterations.
|
||||||
|
|
||||||
|
**Organise**
|
||||||
|
Notice the patterns that are creeping into your methods.
|
||||||
|
|
||||||
|
**Mechanise**
|
||||||
|
Automate those patterns in a system, either by writing checklists, flowcharts or software.
|
||||||
|
|
||||||
|
[source](https://omnivore.app/me/noboilerplate-scripts-27-coping-mechanisms-md-at-main-0-atman-no-18e773dc294#26170aa1-0968-4106-819c-d090079d8379)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## One thing at a time
|
||||||
|
|
||||||
|
[](#one-thing-at-a-time)
|
||||||
|
|
||||||
|
## most important thing first
|
||||||
|
|
||||||
|
[](#most-important-thing-first)
|
||||||
|
|
||||||
|
## Start now
|
||||||
|
|
||||||
|
[source](https://omnivore.app/me/noboilerplate-scripts-27-coping-mechanisms-md-at-main-0-atman-no-18e773dc294#cc6de1c2-538f-4cd2-b994-db98ed8bcdac)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Original
|
||||||
|
|
||||||
|
<style> :root {--r-code-font: "FiraCode Nerd Font";} .reveal .hljs {min-height: 50%;} </style>
|
||||||
|
|
||||||
|
%%
|
||||||
|
|
||||||
|
f7f7f7 background slide colour
|
||||||
|
|
||||||
|
* title formatting
|
||||||
|
|
||||||
|
%%
|
||||||
|
|
||||||
|
!\[\[tri-hex-moon-white-transparent.png|300\]\]
|
||||||
|
|
||||||
|
## Hacking your brain
|
||||||
|
|
||||||
|
[](#hacking-your-brain)
|
||||||
|
|
||||||
|
### With elaborate coping mechanisms
|
||||||
|
|
||||||
|
[](#with-elaborate-coping-mechanisms)
|
||||||
|
|
||||||
|
notes: %%
|
||||||
|
|
||||||
|
* Tell them what you're going to tell them
|
||||||
|
* Tell them
|
||||||
|
* Tell them what you told them %% Hi friends my name is Tris and this is No Boilerplate, focusing on fast, technical videos.
|
||||||
|
|
||||||
|
Some people seem to have life figured out don't they.
|
||||||
|
|
||||||
|
I don't, I'm learning every day, but I do have some EXTREMELY elaborate coping mechanisms that make me productive, easier in social situations, and happier, i think, in life.
|
||||||
|
|
||||||
|
Today I'm going to share them with you in the form of an open letter to my past self.
|
||||||
|
|
||||||
|
Bear in mind that I am not an expert in anything really, certainly not the human brain. I can't even edit video, and I'm not very good at Rust.
|
||||||
|
|
||||||
|
However I have managed to become highly productive with these coping mechanisms, and perhaps some of them will work for you.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Public Domain Videos
|
||||||
|
|
||||||
|
[](#public-domain-videos)
|
||||||
|
|
||||||
|
[github.com/0atman/noboilerplate/](https://github.com/0atman/noboilerplate/)
|
||||||
|
|
||||||
|
notes: Everything you see in this video from the script to the images are part of a markdown document available on github under a public domain license.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
!\[\[newspaper-youtuber.jpg\]\]
|
||||||
|
|
||||||
|
notes:
|
||||||
|
|
||||||
|
Hello past Tris, it's me, Future Tris. Stop spending all of my money!
|
||||||
|
|
||||||
|
I have some important things to tell you that will make your life easier. I wish I had learned these earlier, so I'm going to give you a head start.
|
||||||
|
|
||||||
|
Also buy apple stock, don't sell those bitcoins in 2015, and you can break up with her, it's ok, you'll both be fine.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 1\. Declare bankruptcy on your memory
|
||||||
|
|
||||||
|
[](#1-declare-bankruptcy-on-your-memory)
|
||||||
|
|
||||||
|
notes:
|
||||||
|
|
||||||
|
Tris, we've given it a good go, you and I, haven't we.
|
||||||
|
|
||||||
|
You will learn, as so many have done before you, that your brain is for HAVING ideas, not STORING ideas.
|
||||||
|
|
||||||
|
That advice is probably valid for anyone, but it's ESPECIALLY valid for you and I.
|
||||||
|
|
||||||
|
At this point in your life, you still think you can remember things like everyone else, I imagine? You can't. And maybe they can't either. The sooner you realise this, the sooner you can build systems to easily replace this missing ability. And I'll help you there.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 2\. Carry a notebook
|
||||||
|
|
||||||
|
[](#2-carry-a-notebook)
|
||||||
|
|
||||||
|
!\[\[field-notes.png|700\]\]
|
||||||
|
|
||||||
|
notes:
|
||||||
|
|
||||||
|
When are you, about 2005? ew. So, no smartphone (you're gonna hate them) get a nice pocketable notebook. Field Notes are fine, but pricey If you can bear to have a notebook that doesn't have a ruler printed in the back, you can buy cheap alternatives for a dollar.
|
||||||
|
|
||||||
|
Or a pound. Look, we all talk in dollars now, get used to it.
|
||||||
|
|
||||||
|
==If something comes to mind, or someone tells you something important, YOU MUST WRITE IT DOWN in a trusted system==
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Active Externalism
|
||||||
|
|
||||||
|
[](#active-externalism)
|
||||||
|
|
||||||
|
> I'm not writing it down to remember later, I'm writing it down to remember NOW.
|
||||||
|
|
||||||
|
notes:
|
||||||
|
|
||||||
|
A lot of the memory techniques I'm going to talk about change your understanding of your mind from something that is exclusively inside your head, to something that can be augmented by paper, pencil, and digital methods
|
||||||
|
|
||||||
|
==This theory is called Active Externalism.==
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 3\. Calendars
|
||||||
|
|
||||||
|
[](#3-calendars)
|
||||||
|
|
||||||
|
## are GREAT
|
||||||
|
|
||||||
|
[](#are-great)
|
||||||
|
|
||||||
|
notes:
|
||||||
|
|
||||||
|
I think you have a google account in 2005, you and I are early adopters, which is always exciting if not relaxing.
|
||||||
|
|
||||||
|
==Put EVENTS on your calendar.==
|
||||||
|
|
||||||
|
Events are things you can miss if you forget them and sit at home all weekend watching South Park while all your friends have fun. Oh, that oddly-specific example hasn't happened to you yet? It will. Remember to use a calendar.
|
||||||
|
|
||||||
|
==Events are not tasks that have a due date - those things should go in a task management system.==
|
||||||
|
|
||||||
|
==If it can be done before the due date, it's a task, not an event.==
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 4\. Getting Things Done (GTD)
|
||||||
|
|
||||||
|
[](#4-getting-things-done-gtd)
|
||||||
|
|
||||||
|
notes:
|
||||||
|
|
||||||
|
There are a lot of task management systems, even in your time. The one that fits the shape of our brain best is David Allen's GTD.
|
||||||
|
|
||||||
|
GTD has tasks split into projects like many others, but the differentiating factor that makes it work for us is that tasks also have a Context tag, like 'laptop', 'home', 'work', or whatever you want.
|
||||||
|
|
||||||
|
The reason this works for us is that when you are physically IN a certain context, you can filter out all the rubbish that by definition you CAN'T do at the moment.
|
||||||
|
|
||||||
|
Task systems that don't do this filtering create more undue distractions.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 5\. ==Carry earplugs==
|
||||||
|
|
||||||
|
[](#5-carry-earplugs)
|
||||||
|
|
||||||
|
notes:
|
||||||
|
|
||||||
|
OK sorry you had to find out like this in front of 100,000 of our closest friends, but you, my dude, have autism.
|
||||||
|
|
||||||
|
Right? Makes sense now I say it out loud doesn't it? It's no biggie, a lot of folks do.
|
||||||
|
|
||||||
|
You know how you don't like pubs, clubs, stadia and other noisy places? Surprise! That's called sensory overload, and is an Autism symptom.
|
||||||
|
|
||||||
|
wear earplugs to relieve this symptom.
|
||||||
|
|
||||||
|
There's a lot of earplug options, from the classic foam cylinders to mouldable wax. I've heard that wax ear plugs can get stuck in there, so don't use those, I like the ones that look like rounded foam earbuds, very comfy.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 6\. In the face of ambiguity,
|
||||||
|
|
||||||
|
[](#6-in-the-face-of-ambiguity)
|
||||||
|
|
||||||
|
## refuse the temptation
|
||||||
|
|
||||||
|
[](#refuse-the-temptation)
|
||||||
|
|
||||||
|
## to guess
|
||||||
|
|
||||||
|
[](#to-guess)
|
||||||
|
|
||||||
|
❯ python -c "import this" | grep ambiguity
|
||||||
|
In the face of ambiguity, refuse the temptation to guess.
|
||||||
|
|
||||||
|
notes:
|
||||||
|
|
||||||
|
OK, so while we're talking about Autism, let's talk about all those misunderstandings that happen when you talk to people.
|
||||||
|
|
||||||
|
Neurotypical people have a lot more bandwidth available in their communications than you or I do. They take into consideration body language, tone, vocal hesitations, and extrapolate enormous amounts of information when talking.
|
||||||
|
|
||||||
|
AND THEY EXPECT YOU TO DO THE SAME.
|
||||||
|
|
||||||
|
You're not going to do that, nor should you have to.
|
||||||
|
|
||||||
|
==What you're going to do is, at the first hint of confusion or misunderstanding, say "I'm sorry, I don't understand" and let them try again.==
|
||||||
|
|
||||||
|
If they continue to give you incomplete confusing information, you are going to say again, patiently, "I don't understand", don't worry they won't mind repeating themselves, they all love talking, it'll help them too, trust me.
|
||||||
|
|
||||||
|
And if on the third utterance they still don't make sense, you say "I'm sorry, I don't think YOU understand". Because half the time they DON'T, and it's not your responsibility to teach them how to communicate.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
!\[\[white-logo.png|400\]\] notes:
|
||||||
|
|
||||||
|
==You need context in communication like you're talking to a deep space probe
|
||||||
|
Ask for what you need, which is for context to be included in what people ask of you.==
|
||||||
|
|
||||||
|
==All relevant information must be inside the message.==
|
||||||
|
|
||||||
|
It's a long way back home.
|
||||||
|
|
||||||
|
Let me take a break from my open letter for a moment.
|
||||||
|
|
||||||
|
Friends, I hope to not only teach myself, I'm hoping to teach and help everyone.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
!\[\[lt-shuttle-screenshot.png\]\]
|
||||||
|
|
||||||
|
Watch on YouTube or at [LostTerminal.com](https://lostterminal.com/)
|
||||||
|
|
||||||
|
notes: In addition to this no boilerplate video, I've put together 12 seasons so far of my scifi, hopepunk, mental health story podcast, Lost Terminal, and thousands of lovely people tune in each week.
|
||||||
|
|
||||||
|
It's very reasonable for an AI to have difficulty understanding other people's emotions, or struggle with his own, and framing this as an AI challenge allows me to talk about autism in a safe environment. In later seasons, my research has allowed me to branch out into other mental health and LGBT issues too, all with the same AI lens.
|
||||||
|
|
||||||
|
I'd love for you to watch or listen to the first season, I've linked it here, and at the end of the video, or in the description.
|
||||||
|
|
||||||
|
back to the letter
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 7\. ==Use a Note-Taking System==
|
||||||
|
|
||||||
|
[](#7-use-a-note-taking-system)
|
||||||
|
|
||||||
|
notes:
|
||||||
|
|
||||||
|
Tris, There are many note-taking systems available, even in 2005, and the one feature you should look for in any of them is the ability to link between pages. Yes, hyperlinks. This is the whole point of the web and is its killer feature.
|
||||||
|
|
||||||
|
You can use a wiki for this, there are several available, but you can also use Markdown.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 8\. Plain Text
|
||||||
|
|
||||||
|
[](#8-plain-text)
|
||||||
|
|
||||||
|
## lasts forever
|
||||||
|
|
||||||
|
[](#lasts-forever)
|
||||||
|
|
||||||
|
notes:
|
||||||
|
|
||||||
|
If Your brain is going to be external to your head, it should be in plain text. Not a propitiatory database hidden inside some app waiting for the company to go out of business.
|
||||||
|
|
||||||
|
As an example, my show Lost Terminal is set in the future some time after the environmental collapse, and in the story, the survivors STILL HAVE plain text digital records. You know what they don't have? iCloud.
|
||||||
|
|
||||||
|
My brain is stored in plain text, marked up with Markdown, inside Obsidian.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
!\[\[obsidian-hopepunk.png\]\]
|
||||||
|
|
||||||
|
[obsidian.md](http://obsidian.md/) (not sponsored, other editors available)
|
||||||
|
|
||||||
|
notes:
|
||||||
|
|
||||||
|
Every wiki page I read, every blog, every article, if it could be relevant to my work, I copy and paste into my brain, for later linking and extraction.
|
||||||
|
|
||||||
|
This is a simple screenshot of the wikipedia article on Hopepunk, the cosy, safe genre that Lost Terminal sits in.
|
||||||
|
|
||||||
|
But through the plugin system, Obsidian, and therefore my brain, can be as complex as it needs to be.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
!\[\[obsidian-lt-12.png\]\]
|
||||||
|
|
||||||
|
notes:
|
||||||
|
|
||||||
|
Here is the workspace I use for writing Lost Terminal. We've got widgets written in a few lines of javascript embedded on the page, and in the side panes.
|
||||||
|
|
||||||
|
In the morning, I open this up, set a timer, and write my word count before opening my browser.
|
||||||
|
|
||||||
|
==This is important, Past Tris.
|
||||||
|
Don't. Open. Your. Browser.==
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 9\. Eat the frog
|
||||||
|
|
||||||
|
[](#9-eat-the-frog)
|
||||||
|
|
||||||
|
notes:
|
||||||
|
|
||||||
|
Like a lot of other people discovered in 2020, you also have ADHD.
|
||||||
|
|
||||||
|
What happened in 2020 to cause this? I'll just say that a LOT of people's work routines were disrupted and they were expected to be much more autonomous then before, exposing the underlying problem.
|
||||||
|
|
||||||
|
Don't worry about it, you've got a while till it happens.
|
||||||
|
|
||||||
|
So the frameworks that people realised they needed to be productive, you're going to build for yourself.
|
||||||
|
|
||||||
|
==The first coping mechanism in this framework is eat the frog, which means to do the least pleasant or hardest task first.==
|
||||||
|
|
||||||
|
Don't let it loom over you while you do other easy things on your task list like laundry or shopping.
|
||||||
|
|
||||||
|
Do the hardest thing first.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 10\. Build habits
|
||||||
|
|
||||||
|
[](#10-build-habits)
|
||||||
|
|
||||||
|
## Then chain them together
|
||||||
|
|
||||||
|
[](#then-chain-them-together)
|
||||||
|
|
||||||
|
> wake → water → yoga → write → shower
|
||||||
|
|
||||||
|
notes:
|
||||||
|
|
||||||
|
==There's a good but boring book called Triggers by Marshall Goldsmith, that I recommend you read, or ideally get someone to summarise it for you.==
|
||||||
|
|
||||||
|
Pay attention to what is making you do thing, its trigger, like a location, a song, a person or a thought. Then build a feedback loop to improve and chain these triggers together.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 1.017 \= 1.07
|
||||||
|
|
||||||
|
[](#1017--107)
|
||||||
|
|
||||||
|
#### but
|
||||||
|
|
||||||
|
[](#but)
|
||||||
|
|
||||||
|
## 1.01365 \= 37.78
|
||||||
|
|
||||||
|
[](#101365--3778)
|
||||||
|
|
||||||
|
notes:
|
||||||
|
|
||||||
|
tiny daily change adds up cumulatively over time.
|
||||||
|
|
||||||
|
You won't see it at first, but if you, for example, write 400 words every single day, in a year you'll have 4 whole seasons of a podcast, or many novels, or video scripts, or whatever it is you want to do.
|
||||||
|
|
||||||
|
If you spend you time bouncing between 3 apps, you'll end the year with nothing.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 11\. Public speaking is important
|
||||||
|
|
||||||
|
[](#11-public-speaking-is-important)
|
||||||
|
|
||||||
|
notes:
|
||||||
|
|
||||||
|
I'm very good at public speaking NOW, so it all works out eventually, but that is because I PRACTISED a lot.
|
||||||
|
|
||||||
|
Yes that thing mum and dad asked us to do for the piano and we never did.
|
||||||
|
|
||||||
|
At university you are going to realise public speaking is going to be
|
||||||
|
|
||||||
|
1. a problem and
|
||||||
|
2. mandatory in the wider world.
|
||||||
|
|
||||||
|
==Pay attention to people who seem like they know what they are talking about and figure out what makes them so good at explaining their thoughts.==Don't bother with persuasion or rhetoric, we're not here for that, we're here to talk to people clearly and precisely.
|
||||||
|
|
||||||
|
==Study, imitate and practice.==
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 12.
|
||||||
|
|
||||||
|
[](#12)
|
||||||
|
|
||||||
|
## Imitate
|
||||||
|
|
||||||
|
[](#imitate)
|
||||||
|
|
||||||
|
## imitate
|
||||||
|
|
||||||
|
[](#imitate-1)
|
||||||
|
|
||||||
|
## imitate
|
||||||
|
|
||||||
|
[](#imitate-2)
|
||||||
|
|
||||||
|
notes:
|
||||||
|
|
||||||
|
Pay attention to how people act, then do what they do.
|
||||||
|
|
||||||
|
This works as well in a sprint planning meeting as it does on the dance floor.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 13\. Negative emotions are not very useful
|
||||||
|
|
||||||
|
[](#13-negative-emotions-are-not-very-useful)
|
||||||
|
|
||||||
|
notes:
|
||||||
|
|
||||||
|
I don't know why neurotypical people romanticise jealousy as protectiveness, anger as passion, greed as ambition, but you don't need to learn these emotions. And if you have learned them, you certainly don't need to practice them. In fact, do the opposite.==Save your energy by focusing on the positives==, there's a lot to be happy about in our life, we're extremely fortunate!
|
||||||
|
|
||||||
|
HOWEVER negative emotions are not ENTIRELY un-useful!
|
||||||
|
|
||||||
|
Remember that girl I mentioned earlier? You'll stay with her because you're minimising the negative emotions you're feeling. That's not good.
|
||||||
|
|
||||||
|
You're not a robot, I know, but throuhg practice you can choose what to feel, and what to notice.==Notice the negatives, but feel the positives.==
|
||||||
|
|
||||||
|
==You have to FOCUS.==
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 14.
|
||||||
|
|
||||||
|
[](#14)
|
||||||
|
|
||||||
|
## _F o c u s_
|
||||||
|
|
||||||
|
[](#f-o-c-u-s)
|
||||||
|
|
||||||
|
notes:
|
||||||
|
|
||||||
|
there's dozens of new programming languages per year, just choose one and try it. There's lots of games to play, don't scroll your steam library, just choose one and play it. There's an infinite amount of news available to read, use rss feeds, and filters, not firehose scrolling and read important things deeply.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## ==15. Just do a bit==
|
||||||
|
|
||||||
|
[](#15-just-do-a-bit)
|
||||||
|
|
||||||
|
> ==You put one word after another until its done. It's that easy, and that hard.==
|
||||||
|
|
||||||
|
==— Neil Gaiman==
|
||||||
|
|
||||||
|
notes:
|
||||||
|
|
||||||
|
The plural of word is sentence, the plural of sentence is paragraph and the plural of paragraph means you're done and can go back to playing video games.
|
||||||
|
|
||||||
|
It's like a reverse Zenos's paradox, just put one word in front of the other and you'll get there.
|
||||||
|
|
||||||
|
==I trick my brain into doing this with Timers.==
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 16\. Timers
|
||||||
|
|
||||||
|
[](#16-timers)
|
||||||
|
|
||||||
|
## are GREAT
|
||||||
|
|
||||||
|
[](#are-great-1)
|
||||||
|
|
||||||
|
notes:
|
||||||
|
|
||||||
|
I run my life on timers, and you should too. I'm writing this with a timer running, in 14 minutes I'll have a break and a cup of tea.
|
||||||
|
|
||||||
|
Then after that I'll do a bit more.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
!\[\[napchart-pomodoro.png\]\]
|
||||||
|
|
||||||
|
notes:
|
||||||
|
|
||||||
|
There's a light system for organising your timers called the Pomodoro Technique
|
||||||
|
|
||||||
|
The default recommendations are to set a timer for 20 minutes, work as fast as you can, then when the timer goes off, set another for 5 minutes and have a break.
|
||||||
|
|
||||||
|
This ends up, tricking us into HOURS of high-quality, focussed work!
|
||||||
|
|
||||||
|
Here's an example schedule, some work in the morning, a lot of work in the afternoon, and a bit before bed.
|
||||||
|
|
||||||
|
I know you go to bed late, Past Tris, so I tweaked this just for you.
|
||||||
|
|
||||||
|
Would you believe me that these days I get up early and love it? No, probably I wouldn't have believed me either.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## ==17. humanize organize mechanize==
|
||||||
|
|
||||||
|
[](#17-humanize-organize-mechanize)
|
||||||
|
|
||||||
|
==notes:
|
||||||
|
This is how I build systems, both in my life and professionally.==
|
||||||
|
|
||||||
|
**==Humanise==**
|
||||||
|
==Do everything manually, on paper if needed, for many iterations.==
|
||||||
|
|
||||||
|
**==Organise==**
|
||||||
|
==Notice the patterns that are creeping into your methods.==
|
||||||
|
|
||||||
|
**==Mechanise==**
|
||||||
|
==Automate those patterns in a system, either by writing checklists, flowcharts or software.==
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
!\[\[27-coping-mechanisms 2023-06-07 15.21.56.excalidraw\]\]
|
||||||
|
|
||||||
|
notes:
|
||||||
|
|
||||||
|
Here's a trivial algorithm I set up for myself. I don't know why I need to drink so much water, but every body is different I suppose! In addition to waking up and drinking 500ml before breakfast, this little system works for me, at the first sign of a headache.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 18.
|
||||||
|
|
||||||
|
[](#18)
|
||||||
|
|
||||||
|
## ==One thing at a time==
|
||||||
|
|
||||||
|
[](#one-thing-at-a-time)
|
||||||
|
|
||||||
|
## ==most important thing first==
|
||||||
|
|
||||||
|
[](#most-important-thing-first)
|
||||||
|
|
||||||
|
## ==Start now==
|
||||||
|
|
||||||
|
[](#start-now)
|
||||||
|
|
||||||
|
notes: Really that's what all my advice comes down to, past Tris. Choose what you want to do and do it.
|
||||||
|
|
||||||
|
Keep at it champ, I'm proud of you, it all works out in the end!
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
!\[\[tri-hex-moon-white-transparent.png|300\]\]
|
||||||
|
|
||||||
|
## Thank you
|
||||||
|
|
||||||
|
[](#thank-you)
|
||||||
|
|
||||||
|
notes:
|
||||||
|
|
||||||
|
## OUTRO
|
||||||
|
|
||||||
|
[](#outro)
|
||||||
|
|
||||||
|
If you would like to support my channel, get early ad-free and tracking-free videos and vip discord access head to patreon.com/noboilerplate.
|
||||||
|
|
||||||
|
If you're interested in transhumanism and hopepunk stories, please check out my sci-fi podcast, Lost Terminal.
|
||||||
|
|
||||||
|
Or if urban fantasy is more your bag, do listen to a strange and beautiful podcast I produce called Modem Prometheus.
|
||||||
|
|
||||||
|
Transcripts and compile-checked markdown sourcecode are available on github, links in the description, and corrections are in the pinned ERRATA comment.
|
||||||
|
|
||||||
|
Thank you so much for watching, talk to you on Discord.
|
||||||
|
|
||||||
|
println!("That's all folks!");
|
||||||
|
}
|
||||||
Loading…
Add table
Add a link
Reference in a new issue