Front-end
Version Control Systems(What are they and why you should use one
Repo hosting services
GitHub
2
Basic Usage of Git
3
Web Security Knowlege
HTTPS
2
OWASP Security Risks
0
Content Security Policy
0
CORS
2
Package Managers
npm
2
yarn
3
CSS Architecture
BEM
0
CSS Preprocessors
Sass
1
PostCSS
0
Build Tools
Linters and Formatters
Prettier
2
ESLint
2
Task Runners
npm scripts
1
With modern frameworks and CSS-in-JS you don't have to worry about these anymore but still it would be a good idea to get familiarized with BEM atleast.
Pick a Framework
Vue.js
VueX
2
internet
How does the internet work?
2
What is HTTP?
2
Browsers and how they work?
２
DNS and how is works?
2
What is Domain Name?
2
What is hosting?
1
HTML
Learn the basics
3
Writing Semantic HTML
2
Forms and Validations
2
Conventions and Best Practices
0
Accessibility
1
SEO Basics
1
CSS
Making Layouts
2
Learn the basics
3
Responsive design and Media Queries
2
JavaScript
Syntax and Basic Constructs
2
Learn DOM Manipulation
2
Learn Tetch API/Ajax(XHR)
2
ES6+ and modular JavaScript
2
Understand the concepts Hoisting, Event Bubbling, Scope, Prototype, Shadow DOM, Stirct,
2
With how the modern frameworks there has been more push towards CSS-in-JS so you may not need these but still a good idea to familiarize yourself
Modern CSS
CSS Module
1
Styled JSX
2
Emotion
1
Web Components
HTML Templates
3
Custom Elements
2
Shadow DOM
0
CSS Frameworks
Material UI
3
Tailwind CSS
1
Chakra UI
0
Bootstrap
1
Materialize CSS
0
Bulma
0
JS based and better to use with your framework based JavaScript applications.
CSS first framework which don't come with JavaScript components by default.
Testing your Apps
Jest
1
react-testing-library
0
cypress
0
Enzyme
0
Learn the difference between Unit, Integration, and Functional tests and learn how to write them with the tools listed on left.
Mocha
0
Chai
0
Ava
0
Jasmine
0
You can fill all your testing needs with just these.
Type Checkers
TypeScript
3
Progressive Web Apps
Calculation, Measuring and improving performance
PRPL Pattern
0
RAIL Model
0
Performance Metrics
0
Using Lighthouse
0
Using DevTools
1
Learn different Web APIs used in PWAs
Storage
1
Web Sockets
1
Service Workers
1
Location
2
Notifications
1
Debive Orientation
0
Payments
1
Credentials
1
Server Side Rendering(SSR)
Vue.js
Nuxt.js
1