Giters

AnuvabSen1 / Web-Development-Guide

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Web Development Bootcamp 2021 - A Practical Guide in Github

[Compilation of All links I got across the Internet]

Web development is a minefield of tools and technologies and it is very difficult to know what you need to learn and why you need to learn it. The absolute best resource I have come across on this topic is the Web Developmemt Boot camp Web Development Boot Camp 2021 by Angela Yu. Watching this course is an absolute must for anyone who wants to become a web developer. In fact before you start learning anything you should first watch this course to understand the big picture. It will act as an invaluable compass in your learning journey. Udemys blog post Web Development in 2020: What Coding Tools You Should Learn gives a good high-level summary of what is covered in the course should you wish to know more prior to investing your time in watching the video.

Angela mentions in the course that you do not need to learn everything here. He is essentially providing you with an option menu of what is possible to learn (and some things you really should learn - such as HTML, CSS, and JavaScript) and why you should learn them depending on what your goals are. So really it is up to you to pick and choose what you want to learn.

I have created a list of links below to sections of the video along with the slides so you can delve further into certain specific topics that you are interested in learning more about. I have also compiled convenient links to the suggested course tutorials highlighted in the video. You can also see the links I have added to relevant sections of Angela Yus excellent Web Development Boot Camp 2021 that comprises a list of the top Udemy courses for each slide as well as other resources. In fact this very repository is based on his excellent work so huge credit to him for putting all of that together. However, not everything is in the Udemy courses on all of these topics so I wanted to provide links to the YouTube videos and other resources so that people can either learn for free in a more bitesized manner.

OK no time to waste and time to start learning # I will learn with you # cos it's gonna take you few months to learn even part of this stuff! 😊

High Level Overview Of Courses

  • Intro
  • What Do You Want To Do?
  • The Necessities
  • HTML/CSS (Building Blocks)
  • Responsive Web Design
  • Reusable CSS Components
  • CSS Frameworks
  • Vanilla JavaScript
  • Tools (Git, Dev Tools, etc)
  • Basic Deployment
  • Basic Frontend Dev
  • Where To Now?
  • Frontend Framework (I am at this State)
  • Svelte
  • State Management
  • SSR (Next & Nuxt)
  • SSG (Gatsby & Gridsome)
  • TypeScript
  • Frontend Wizard
  • Server Side Language
  • Server Side Framework
  • Database (I can do that now)
  • GraphQL
  • CMS & Headless CMS
  • Deployment & DevOps
  • Full Stack Dev
  • Mobile Development
  • PWA
  • Desktop Apps With Electron
  • JAMstack
  • Serverless Architecture
  • API-First Design
  • Machine Learning & AI
  • Speech Recognition
  • Web Assembly
  • Advice & Thank You

Tools 1 - The Necessities

Slide 3

Computer & OS

  • Linux
  • MacOS
  • Windows

Text Editor / IDE

Browser

Terminal

Design (Optional)

UI/UX (Optional)

The Building Blocks

Slide 4

HTML

CSS

HTML & CSS

Responsive Design

Slide 5

Custom Reusable CSS Components

Slide 6

CSS Frameworks (Choose One)

Slide 7

JavaScript

Slide 8

Tools 2 - Essential Dev Tools

Slide 9

Basic Deployment

Slide 10

Where To Now?

Slide 12

Front-End Framework

Slide 13

Svelte

Slide 14

State Management

Slide 15

Server-Side Rendering

Slide 16

Static Site Generators

Slide 17

TypeScript

Slide 18

Server-Side Language (Choose One)

Slide 20

Server-Side Framework (Choose One)

Slide 21

Database (Choose One)

Slide 22

GraphQL

Slide 23

Content Management

Slide 24

Deployment & DevOps

Slide 25

Mobile Development (Choose One)

Slide 27

PWA: Progressive Web Apps

Slide 28

Desktop Apps with Electron

Slide 29

JAMstack

Slide 30

Serverless Architecture

Slide 31

API-First Design

Slide 32

Machine Learning / AI & The Web

Slide 33

Speech Recognition

Slide 34

Web Assembly

Slide 35

If all that wasn't enough then here are even more links:

Anuvab Links

Also refer to

Bye stay safe stay healthy have a nice day :).

About