A designer friend of mine requested me to create a small guide to help him understand more about what goes into building products to make a better design.
Keep in mind that the following tips I'm gonna check with him about the entire learning process
This was my message 👇🏻
I think the best way to get the concepts as I said before, is digging into practice, and to get this done, let’s do this together, so each step you go further, we iterate and check if you can proceed with the next.
I’m considering you already taken a look in html/css and probably used an editor like vscode (if you have never used vscode, start now to learn these topics with it)
🔥 Your goal 👉🏻 Build your website portfolio
It should have:
- About page (your pic and some text telling about yourself)
- Experience page (a list with your professional experiences)
🔥 Learn git basics (every developer uses this, It’s a must to know)
Git overview: Video
Most important topics
- Git add
- Git commit
- Push code to Github
🔥 Start doing some tailwind with vanilla js
I’m gonna help you to run this guy 👇🏻
Simple vite with tailwind setup
Here you will be able to build your portfolio and get ready to learn more advanced topics (like Vue)
🔥 Intro to Javascript
Javascript in 5 minutes explain about browser and server and other beginner stuff:Video Understanding basic js structures: Video
Most important topics
- Variables
- Arrays, objects, primitive values
- For loops
- If/else statements
- Functions
- Classes (you don’t need this for now, but is cool to take a look)
🔥 Vue (This is the main tool the company he works uses)
Course from Maximilian Schwarzmüller: Course
Most important topics
- Components
- State
- Global state
- API requests