Become a Frontend Web Developer (with Free resources) 🎨🖌
🡇
🡇
➩ Design Principles
⧠ You don't need to be a pro designer, but you need to understand the basics of designing
• Color Combinations
• Typography etc...
⧠ In most situations, you might have a designer but you should have a basic understanding
You are making it for the User
⧠ You don't need to be a pro designer, but you need to understand the basics of designing
• Color Combinations
• Typography etc...
⧠ In most situations, you might have a designer but you should have a basic understanding
You are making it for the User
➩ HTML
⧠ As you already know you need HTML for any website. You should know it
You should know
✓ Semantics
✓ Basic HTML Layouts
✓ Inline Elements
✓ Block elements
⧠ You should at the very least, should have a small idea about every HTML topics
⧠ As you already know you need HTML for any website. You should know it
You should know
✓ Semantics
✓ Basic HTML Layouts
✓ Inline Elements
✓ Block elements
⧠ You should at the very least, should have a small idea about every HTML topics
➩ CSS
⧠ All your HTML belongs to CSS. CSS is a vast area
✓ CSS basics (height , width)
✓ Box Sizing (Margin, Padding, Border)
✓ Flex
✓ Grid
✓ Media Queries
⧠ You need to understand properly, without that you can't survive as a frontend developer
Practice & Practice
⧠ All your HTML belongs to CSS. CSS is a vast area
✓ CSS basics (height , width)
✓ Box Sizing (Margin, Padding, Border)
✓ Flex
✓ Grid
✓ Media Queries
⧠ You need to understand properly, without that you can't survive as a frontend developer
Practice & Practice
➩ JavaScript
⧠ The Prince of web development, Javascript can bring life to your website making it interactive
✓ Basic Programming (variables,loops,conditions)
✓ Operators
✓ Datatypes
✓ Functions,Classes,objects
✓ DOM Manipulation
✓ Async Await Fetch
⬇
⧠ The Prince of web development, Javascript can bring life to your website making it interactive
✓ Basic Programming (variables,loops,conditions)
✓ Operators
✓ Datatypes
✓ Functions,Classes,objects
✓ DOM Manipulation
✓ Async Await Fetch
⬇
An idea about almost every Javascript topic is needed.
You don't need to by heart everything, Just understand the Pattern and be good at googling
You don't need to by heart everything, Just understand the Pattern and be good at googling
➩ Any Javascript Libraries or Frameworks
✓ React ➩ Next
✓ Angular
✓ Vue
⧠ Pick one which you are comfortable with
✓ React ➩ Next
✓ Angular
✓ Vue
⧠ Pick one which you are comfortable with
➩ CSS Libraries/Utility Libraries
✓ Tailwind CSS
✓ Bootstrap
✓ Bulma
⧠ You can choose the best that fits you.
I am a super-duper fan of Tailwind CSS
✓ Tailwind CSS
✓ Bootstrap
✓ Bulma
⧠ You can choose the best that fits you.
I am a super-duper fan of Tailwind CSS
At this stage, you will understand you need to learn more😁
⧠ A Developer always learns, Keep that in mind
You will have to learn some additional tools to satisfy your clients
⧠ A Developer always learns, Keep that in mind
You will have to learn some additional tools to satisfy your clients
Some of the Free resources that you should check out:
Design Inspiration: Dribbble.com
YT DesignCourse: youtube.com
YT DevEd: youtube.com
Frontend Project Ideas:
Design Inspiration: Dribbble.com
YT DesignCourse: youtube.com
YT DevEd: youtube.com
Frontend Project Ideas:
That's it
★ Retweet and Like this post as it is the best way to support me
Hey I'm Adarsh I post content on
✭ Web development
✭ JavaScript
✭ ReactJS
✭ ThreeJS
✭ HTML & CSS
Follow @adarsh____gupta for more awesome content.
★ Retweet and Like this post as it is the best way to support me
Hey I'm Adarsh I post content on
✭ Web development
✭ JavaScript
✭ ReactJS
✭ ThreeJS
✭ HTML & CSS
Follow @adarsh____gupta for more awesome content.
جاري تحميل الاقتراحات...