How i learn the front end developer

Hello guys, I am a new person in the field of the web, specifically in the front end, and I love this field a lot, but I face some difficulties in knowing the right way to learn this field.
I want some advice

Comments

[MTW]

Proper Guideline to Become a Web Developer

1. HTML5
2. CSS3
3. CSS frameworks (bootstrap, materialize, bulma, sass, semantic ui, foundation etc)
4. JavaScript
5. JS Frameworks (jquery and many other wish)
6. JS work fashion (babel, webpack, npm, gulp, grunt)
7. Ecmascript (es5, es6, es7, es8, es9, es10)
8. Php
9. Database SQL, Firebase
10. Php (OOP, PDO)
11. Ajax Real Time Fetching
12. Backend Services (Rest API, web services)

13. Php frameworks (laravel or CodeIgniter, composer utility)

14. Reactjs (Redux) (Cli)

15. Nodejs and express (backend)

16. MongoDB, GraphQL

17. Django / Flask -

18. Angular (CLI) -

19. Vue (Vuex, vuetify, CLI)

20. Validations regex

21. Socket.io,passport js

22. Docker, aws, azure, serverless,pwa

23. Wordpress, Joomla, Magento

[MTW]

Another problem is lack of patience.
programming takes time to get into head.
It doesn't just come within few days or months.
People who are writing code flawlessly have spend their 5-10 year in this domain.
WIthin just a few days of learning PHP, people wants to create facebook. that is not going to happen.

Coders don't quit
75 percent attendance is killing creativity