Websites to Practice Frontend Skills: 🤩

1. Frontend Mentor
frontendmentor.io

2. Codewars
codewars.com

3. Codewell
codewell.cc

4. JavaScript30
javascript30.com

5. Coderbyte
coderbyte.com

6. CSS Battle
cssbattle.dev

7. FreeCodeCamp
freecodecamp.org/learn/

8. Frontend Practice
frontendpractice.com

9. CodePen Challenges
codepen.io/challenges/?re

10. Dev Challenges
devchallenges.io

The Roadmap To Learn HTML, CSS and JavaScript 🚀

✅ HTML

1. Understanding the full form of HTML
2. Anatomy of tags
3. HTML5 boilerplate
4. Heading tags
5. ul, ol, li, tags
6. img, span tag
7. Table tags for layout
8. Form tags
9. Some more semantic elements
10. Basic attributes

✅ CSS

1. Inline, internal and external CSS
2. Selectors
3. Background
4. Color
5. Box model
6. Height and width
7. Margin and padding
8. Border
9. Positioning
10. display
11. Layouts
12. Grid and Flex
13. Alignment
14. Fonts
15. Animation
16. Pseudo-classes
17. Media query

✅ JavaScript

1. Print statement
2. Data types and variables
3. Basic operators
4. Logical operators
5. Comparisons
6. Loops and statements
7. alert()
8. prompt()
9.  Arrays
10. Objects
11. Functions
12. Arrow function
13. Array methods
14. Hoisting
15. Closures
16. Callbacks
17. Promises
18. Async & Await
19. Currying
20. And other ES6 feature

New CSS units that account for mobile viewports with dynamic toolbars.

Small Viewport Height (svh)
Large Viewport Height (lvh)
Dynamic Viewport Height (dvh)

Freelancing is the Future 🚀

Freelancing can also help you make $100K+/year.

10x your freelancing career with these 10 resources. 🚀

1. Boost your skills with online courses:

coursera.org

udemy.com

skillshare.com

linkedin.com/learning

2. Find freelance gigs and projects:

upwork.com

fiverr.com

freelancer.com

toptal.com

3. Discover valuable freelance communities:

behance.net

dribbble.com

remoteok.com

4. Manage your projects and tasks efficiently:

trello.com

asana.com

monday.com

notion.so

5. Create stunning visuals and designs:

canva.com

adobe.com/creativecloud

sketch.com

figma.com

6. Stay organized and track your time:

getharvest.com

toggl.com

clockify.me

rescuetime.com

7. Build a professional portfolio:

wordpress.com

wix.com

squarespace.com

behance.net

8. Collaborate seamlessly with clients:

zoom.us

meet.google.com

slack.com

Web Development with Node and Express Book by Ethan Brown