Junior Front End Developer

Get Started. It's Free
or sign up with your email address
Junior Front End Developer by Mind Map: Junior Front End Developer

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. Promises

4.7. OOP (Objected Oriented Programming)

4.8. Destructirization

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