Skillset: Frontend developer 2021

Skillset

Frontend developer 2021

Subject: Computing / Programming / Web programming / Web frontend development

Author of 24 expertises

Full skillset for frontend: from basic concepts to hight-level frameworks All you need to become a javascript developer

Share in MD format

## [Skills tree Frontend developer 2021](https://infinite.education/view/frontend_developer_2021)

**[Internet organization](https://infinite.education/view/Internet_organization)**
 -- `Article` [How does the Internet work?](https://developer.mozilla.org/en-US/docs/Learn/Common_questions/How_does_the_Internet_work)
 -- `Article` [How Does the Internet Work?](https://web.stanford.edu/class/msande91si/www-spr04/readings/week1/InternetWhitepaper.htm)
* **DNS**
 -- `Article` [How dns work](https://www.verisign.com/en_US/website-presence/online/how-dns-works/index.xhtml#:~:text=The%20Domain%20Name%20System%20(DNS)%20is%20a%20central%20part%20of,the%20address%20for%20the%20website).&text=DNS%20syncs%20up%20domain%20names,internet%20can%20use%20IP%20addresses.)
* **Domain Name**
 -- `Article` [Beginner’s Guide: What is a Domain Name and How Do Domains Work?](https://www.wpbeginner.com/beginners-guide/beginners-guide-what-is-a-domain-name-and-how-do-domains-work/)
* **HTTP**
 -- `Article` [An overview of HTTP - HTTP | MDN](https://developer.mozilla.org/en-US/docs/Web/HTTP/Overview)
 -- `Article` [Hypertext Transfer Protocol - Wikipedia](https://en.wikipedia.org/wiki/Hypertext_Transfer_Protocol)
* **Browser**
* **Hosting**
**[HTML](https://infinite.education/view/html)**
 -- `Article` [HTML Standard](https://html.spec.whatwg.org/multipage/)
 -- `Article` [HTML Tutorial](https://www.w3schools.com/html/)
**[CSS](https://infinite.education/view/css)**
 -- `Documentation` [CSS Tutorial](https://www.w3schools.com/css/default.asp)
 -- `Article` [Cascading Style Sheets - Wikipedia](https://en.wikipedia.org/wiki/Cascading_Style_Sheets)
 -- `Article` [CSS: Cascading Style Sheets | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/)
**[JavaScript basics](https://infinite.education/view/javascript_basics)**
* **JavaScript syntax**
* **JavaScript DOM**
* **JavaScript Events**
* **JavaScript session**
* **Ajax**
* **regexp**
* **lambda functions**
* **execution queue**
* **JavaScript setTimeout**
* **JavaScript setInterval**
* **WebSockets**
 -- `Article` [What is web socket and how it is different from the HTTP? - GeeksforGeeks](https://www.geeksforgeeks.org/what-is-web-socket-and-how-it-is-different-from-the-http/)
* **JavaScript service workers**
* **Web components**
* **Closure**
**[JavaScript OOP](https://infinite.education/view/javascript_oop)**
* **prototype**
* **JavaScript extends**
* **JavaScript class**
* **Encapsulation**
* **Polymorphism**
* **Promise**
**[TypeScript](https://infinite.education/view/typescript_1)**
* **TypeScript syntax**
* **TypeScript class**
* **TypeScript class extends**
* **TypeScript modules**
**[Frontend Security](https://infinite.education/view/frontend_security)**
* **Cross-origin resource sharing (CORS)**
* **XSS**
* **CSRF**
**[Frontend Frameworks](https://infinite.education/view/frontend_frameworks)**
* **basic concepts**
* **React**
* **Angular**
* **Vue**
* **jQuery**
**[JavaScript Packages](https://infinite.education/view/javascript_packages)**
* **npm**
* **yarn**
* **webpack**
* **eslint**
* **SASS**
* **PostCSS**
* **Prettier**
* **Rollup**
* **Parcel**

Must-have Nice to have Optional

Recommended option

Frontend developer 2021. Instruction on how to learn Frontend developer 2021

Roadmap

by Artem Naumenko

Courses

Add

Infinite Education

Or

Skillset