Steps to take for newbies to learn Software Development

Frontend Learning.txt

####### Basics to Cover #######
HTML - BASICS
HTML - BASICS - Best practices
HTML - BASICS - Accessibility
HTML - BASICS - SEO Basics
HTML - BASICS - Forms and Validations
CSS - BASICS
CSS - BASICS - Layouts - Floats
CSS - BASICS - Layouts - Positioning
CSS - BASICS - Layouts - Display
CSS - BASICS - Layouts - Box Model
CSS - BASICS - Layouts - CSS Grid
CSS - BASICS - Layouts - FlexBox
Javascript - BASICS
Javascript - BASICS - Syntaxes / Constructs
Javascript - BASICS - DOM Manipulation
Javascript - BASICS - Fetch API / AJAX (XHR)
Javascript - BASICS - ES6+ & Modular JS
Web Security - CORS
Web Security - Content Security Policy
Web Security - OWASP Security Risks
Build Tools - Task Runners - npm scripts
Build Tools - Module Bundlers - Webpack
Package Managers - NPM
Package Managers - YARN
CSS - PreProcessors - SASS
CSS - PreProcessors - PostCSS
CSS - PreProcessors - Less
Build Tools - Linters & Formatters - Prettier
Build Tools - Linters & Formatters - ESLint

####### FRAMEWORKS #######
React.js
React.js - Redux
Angular - RxJS
Angular - NgRx
Vue.js - VueX

####### REFINEMENT #######
Modern CSS - Styled Components
Modern CSS - CSS Modules
Modern CSS - Styled JSX
Modern CSS - Emotion
CSS Frameworks - JS Based - Reactstrap
CSS Frameworks - JS Based - Material UI
CSS Frameworks - JS Based - Tailwind CSS
CSS Frameworks - JS Based - Chakra UI
CSS Frameworks - CSS First - Bootstrap
CSS Frameworks - CSS First - Materialize CSS
CSS Frameworks - CSS First - Bulma

####### APPLICATION TESTING #######
Testing - Unit, Integration, Functional
Testing - Jest
Testing - React Testing Library
Test - Cypress
Test - Enzyme
Type Checkers - TypeScript - Mocha, Chai, Ava, Jasmine

####### PWA #######
PWA - WebAPI - Storage
PWA - WebAPI - Web sockets
PWA - WebAPI - Service Workers
PWA - WebAPI - Location
PWA - WebAPI - Notifications
PWA - WebAPI - Device Orientation
PWA - WebAPI - Payments
PWA - WebAPI - Credentials
PWA - Performance - PRPL Pattern
PWA - Performance - RAIL Model
PWA - Performance - Performance Metrics
PWA - Performance - Using Lighthouse
PWA - Performance - Using Dev Tools
Server Side Rendering SSR - React.js - Next.js
Server Side Rendering SSR - Angular - Universal
Server Side Rendering SSR - Vue.js - Nuxt.js

####### Data #######
GraphQL - Apollo
GraphQL - Relay Modern

####### Static Site Generators #######
SSG - Next.js
SSG - GatsbyJS
SSG - Nuxt.js
SSG - Vuepress
SSG - Jekyll
SSG - Hugo

####### Mobile Applications #######
Mobile Apps - React Native
Mobile Apps - NativeScript
Mobile Apps - Flutter
Mobile Apps - Ionic

####### Desktop Apps #######
Desktop - Electron
Desktop - Web Assembly