
1. Responsive Design
2. HTML5
2.1. Semantic
2.2. Attributes
2.3. Doctype
3. CSS3
3.1. Fundamentals, box model
3.2. Grid & Flexbox
3.3. Custom properties
3.4. Transitions
3.5. SASS
3.5.1. Variables
3.5.2. Nesting
3.5.3. Conditonals
3.5.4. Mixins
3.5.5. DRY
3.6. Framework
3.6.1. Bootstrap
3.6.2. OR
3.6.3. Tailwind CSS
4. JavaScript
4.1. Frontend JavaScript Framework
4.1.1. React (most popular)
4.1.1.1. Static Site Generators
4.1.1.1.1. Gatsby
4.1.1.2. State Management
4.1.1.2.1. Redux
4.1.1.2.2. Context API with Hooks
4.1.1.3. Server Side Rendering
4.1.1.3.1. Next
4.1.2. Angular (korpo)
4.1.2.1. State Management
4.1.2.1.1. NGRX
4.1.2.1.2. Services
4.1.3. Svelte - JavaScript compiler producing readable vanilla JS
4.1.4. TypeScript
4.1.4.1. Static Typing
4.1.4.2. Tooling Support with IntelliSense
4.1.4.3. Modules, Decorators, Classes
4.1.4.4. Compiled into clean vanilla JS code
4.1.4.5. Make JS application accessible
4.2. Fundamentals (variables, functions, conditionals)
4.3. DOM
4.4. JSON
4.5. Fetch API
4.6. Modern JS (ES6)
4.6.1. Destructirization
4.6.2. Promises
4.6.3. Synthax
4.6.4. Array methods
4.7. OOP (Objected Oriented Programming)
5. Tools
5.1. GIT
5.1.1. GitHub
5.2. Browser Dev Tools
5.2.1. Google Dev Tools
5.3. Emmet
5.4. VSCode Extensions
5.4.1. Bracket colorizer
5.4.2. IntelliSense etc
5.5. NPM or Yarn (Package Manager)
5.6. Axios
5.7. Webpack or Parcel (JS Module Bundlers)
6. Basic Deployment
6.1. Domain Registration
6.2. Managed Hosting
6.3. Static Hosting (Netlify, Github pages)
6.4. SSL Certificate
6.5. FTP (File Transfer Protocol)
6.6. SSH (Secure Shell)
7. Mobile Development Desktop Apps
7.1. PWA: Progessive Web Apps
7.2. Environment
7.2.1. Xamarin (C#)
7.2.2. Flutter (Dart)
7.2.3. React Native (React)
7.2.4. NativeScript (JS, TS, Angular or Vue)
7.2.5. Ionic (JS, React)
7.3. Desktop apps
7.3.1. Electron
8. Server Side Language
8.1. Node.js
8.1.1. Framework
8.1.1.1. Express
8.1.1.2. Koa
8.1.1.3. Adonis
8.1.1.4. Feathers.js
8.1.1.5. Nest.js
8.2. PHP
8.2.1. Framework
8.2.1.1. Laravel
8.2.1.2. Symfony
8.2.1.3. Slim
8.3. Python
8.3.1. Framework
8.3.1.1. Django
8.3.1.2. Flask
8.4. C# (.NET)
8.4.1. Framework
8.4.1.1. ASP.NET VMC
8.5. Ruby
8.5.1. Framework
8.5.1.1. Ruby on Rails (Web Development)
8.6. GoLang
8.6.1. Framework
8.6.1.1. Revel
8.7. Java
8.7.1. Framework
8.7.1.1. Spring Framework
8.7.1.2. Grails
8.8. Rust
9. Database (choose one)
9.1. Relational Database
9.1.1. PostgreSQL
9.1.2. mySQL
9.1.3. MS SQL
9.2. noSQL
9.2.1. MongoDB
9.2.2. RethinkDB
9.2.3. CouchDB
9.3. Cloud Database
9.3.1. Firebase
9.3.2. Azure Cloud DB
9.3.3. AWS
9.4. Lightweight & Cache
9.4.1. Redis
9.4.2. SQLlite
9.4.3. NeDB
10. GraphQL
11. Content Management Systems (CMS)
11.1. Freelancing
11.1.1. Headless CMS
11.1.1.1. Contentful
11.1.1.2. Prismic.io
11.1.1.3. Sanity
11.1.1.4. Strapi
11.1.2. Traditional CMS
11.1.2.1. Wordpress
11.1.2.2. Drupal
11.1.2.3. Keystone
11.1.2.4. Enduro
12. Deployment & DevOPS (Fullstack stuff)
12.1. SSH (Secure Shell)
12.2. Web Server Environment
12.2.1. NGINX
12.2.2. Apache
12.3. App Hosting
12.3.1. Linode
12.3.2. Heroku
12.3.3. AWS
12.3.4. Azure
12.3.5. Now
12.4. Virtualization
12.4.1. Docker
12.4.2. Vagrant
12.5. Testing
12.5.1. Unit
12.5.2. Functional
12.5.3. Integration
12.6. Load Balancing, monitoring, security, etc.
13. 2020+ Trends
13.1. Speech Recognition
13.1.1. HTML5 Web Speech API
13.1.2. Google Speech-To-Text
13.1.3. Dialog flow
13.2. Machine Learning AI & The Web
13.2.1. User behaviour
13.2.2. Machine learning APIs
13.2.3. Neural networks
13.2.4. Brain.js
13.2.5. Tensorflow.js
13.3. Serverless Architecture (2020+ trend)
13.4. JAMstack (2020+ trend)
13.4.1. Javascript
13.4.2. APIs
13.4.3. Markup
13.5. API-First Design (2020+ trend)
13.5.1. Backend first
13.6. Web Assembly
13.6.1. C, C++ & Rust
13.6.2. Demanding video games
13.6.3. Demanding browser tools