Skip to content

chris-briddock/MyWebDeveloperLearningGuide

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 

Repository files navigation

Becoming a full stack web application developer journey for a self taught developer.

A list of resources for learning full stack web development.
There's a lot to learn, but just take it bit by bit.

Tools I Use
  Visual Studio
  Visual Studio Code
  There are others, such as JetBrains, but these are the ones I use.

General Development:
  Version Control Systems (Git, SVN, TFVC), I recommend learning Git.
  freeCodeCamp:
  https://www.youtube.com/watch?v=RGOj5yH7evk

  Branching Strategies
  Nick Chapsas:
  https://www.youtube.com/watch?v=gW6dFpTMk8s
  DevOps Toolkit:
  https://www.youtube.com/watch?v=U_IFGpJDbeU

Frontend Development:

Learning HTML
  W3Schools:
    https://www.w3schools.com/html/

  Mozilla:
    https://developer.mozilla.org/en-US/docs/Web/HTML

  Semantic HTML:
    https://www.freecodecamp.org/news/semantic-html5-elements

  DevTips:
    https://www.youtube.com/playlist?list=PLqGj3iMvMa4KlJn1pMYPVV3eYzxJlWcON  

Learning CSS
  W3Schools:
    https://www.w3schools.com/css/
  Mozilla:
    https://developer.mozilla.org/en-US/docs/Web/CSS
  Enavto Tuts+:
    https://www.youtube.com/watch?v=iG2jotQo9NI
  DevTips:
    https://www.youtube.com/playlist?list=PLqGj3iMvMa4IOmy04kDxh_hqODMqoeeCy

Learning SASS
  learnCodeCamp.org on YouTube:
    https://www.youtube.com/watch?v=_a5j7KoflTs

Learning Networking
  IP Addresses:
    https://www.cloudns.net/blog/what-is-ipv4-everything-you-need-to-know/
    https://www.cloudns.net/blog/ipv4-vs-ipv6-internet-protocol/

  DNS:
    https://www.cloudflare.com/en-gb/learning/dns/what-is-dns/
    https://phoenixnap.com/kb/dns-record-types

  DHCP:
    https://learn.microsoft.com/en-us/windows-server/networking/technologies/dhcp/dhcp-top

  freeCodeCamp.org networking crash course 
    https://www.youtube.com/watch?v=WO6P92v61y4

  Networking Funamentals:
    Part 1 https://www.youtube.com/watch?v=cNwEVYkx2Kk
    Part 2 https://www.youtube.com/watch?v=Ud8UeNgdaz4
    Part 3 https://www.youtube.com/watch?v=y9PG-_ZNbWg
    Part 4 https://www.youtube.com/watch?v=v8aYhOxZuNg
    Part 5 https://www.youtube.com/watch?v=Tnjdk08z3HM 

  Default Gateway:
    https://www.geeksforgeeks.org/default-gateway-in-networking/

  Network Chuck CCNA:
    https://www.youtube.com/watch?v=S7MNX_UD7vY&list=PLIhvC56v63IJVXv0GJcl9vO5Z6znCVb1P

  OSI Model:
    https://www.imperva.com/learn/application-security/osi-model/

Learning HTTP

Mozilla:
  https://developer.mozilla.org/en-US/docs/Web/HTTP/Overview

Learning Javascript
First you'll need to learn the basics of vanilla javascript.

  Mozilla: 
    https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide

  W3Schools:
    https://www.w3schools.com/jsref/default.asp

  freeCodeCamp:
    https://www.youtube.com/watch?v=jS4aFq5-91M

  Node and NPM
    freeCodeCamp:
      https://www.youtube.com/watch?v=2V1UUhBJ62Y

    Coder Coder:
      https://www.youtube.com/watch?v=P3aKRdUyr0s

Javascript frameworks:
There are four prominent javascript front end frameworks, they are React, Angular, Vue and Svelte, I would recommend React.

Codevolution - React JS:
  https://www.youtube.com/watch?v=QFaFIcGhPoM&list=PLC3y8-rFHvwgg3vaYJgHGnModB54rxOk3
TheNetNinja - React JS: 
  https://www.youtube.com/watch?v=j942wKiXFu8&list=PL4cUxeGkcC9gZD-Tvwfod2gaISzfRiP9d
Code Stoic - React JS:
  https://www.youtube.com/watch?v=oFBuPWCjbA4&list=PLSsAz5wf2lkK_ekd0J__44KG6QoXetZza

Front end automating testing - there are many of these frameworks such as cypress.io and selenium.
  LambdaTest:
  https://youtube.com/watch?v=jX3v3N6oN5M
  
Front End Development Online Playgrounds
  https://codepen.io/
  https://replit.com/signup
  https://codesandbox.io/

You can also use visual studio code in a web browser, by using the below link.
  https://github.dev/

Backend Developement

There are a few languages you could do this in, however I'm only going to recommend JavaScript, and C#.

Four principles of OOP
Keep on coding:
  https://youtu.be/1ONhXmQuWP8
Programming with mosh:
  https://youtu.be/pTB0EiLXUC8

SOLID principles within C#
TechWebDots:
  https://youtu.be/A5OD1gtaMm8

Coding Style Guides:
  https://google.github.io/styleguide/jsguide.html
  https://learn.microsoft.com/en-us/dotnet/csharp/fundamentals/coding-style/coding-conventions

Learning Javascript Backend Development

NodeJS Web API
Academind:
  https://www.youtube.com/watch?v=0oXYLzuucwE&list=PL55RiY5tL51q4D-B63KBnygU6opNPFk_q
TheNetNinja:
  https://www.youtube.com/watch?v=w-7RQ46RgxU&list=PL4cUxeGkcC9gcy9lrvMJ75z9maRw4byYp
freeCodeCamp.org
  https://www.youtube.com/watch?v=Oe421EPjeBE

Sequalize ORM - There are many of these too, I recommend Sequalize.
  WittCode:
  https://www.youtube.com/watch?v=YNyGD4rakmc&list=PLkqiWyX-_Lov8qmMOVn4SEQwr9yOjNn3f

  Traversy Media - Async Callbacks and Awaits
    https://www.youtube.com/watch?v=PoRJizFvM7s

Socket.io for realtime Applications

  Mahesh Kariya:
    https://www.youtube.com/watch?v=cmDna276eCo
  PedroTech:
    https://www.youtube.com/watch?v=djMy4QsPWiI

Learning C# Backend Development

C# Basics
  Microsoft Documentation:
    https://learn.microsoft.com/en-us/dotnet/csharp/
  Programming With Mosh:
    https://www.youtube.com/watch?v=gfkTfcpWqAY

C# Compiler and Execution
  QAFox
    https://www.youtube.com/watch?v=-sKq8mdP4Z4

Data Structures and Algorthims
  Teddy Smith:
    https://www.youtube.com/watch?v=n7nLxRaZfac&list=PL82C6-O4XrHf49SjEZWSa5DHN--ZRrcN_
  freecodeCamp.org
    https://www.youtube.com/watch?v=8hly31xKli0

https://visualgo.net/en 

C# Web API
Teddy Smith:
  https://www.youtube.com/watch?v=_8nLSsK5NDo&list=PL82C6-O4XrHdiS10BLh23x71ve9mQCln0

Nihira Techiees:
  https://www.youtube.com/watch?v=EZ4SiOAYzHg&list=PLfyWdpsiUiPC4rWHf7isSZZUAmwIkE1ra

Execute Automation:
  https://www.youtube.com/watch?v=Z4bINJudHX8&list=PL6tu16kXT9PrlCX-b1o0WdBc56rXHJXLy

Amichai Mantinband:
  https://www.youtube.com/watch?v=fhM0V2N1GpY&list=PLzYkqgWkHPKBcDIP5gzLfASkQyTdy0t4k

Entity Framework
  Coding Tutorials:
    https://www.youtube.com/watch?v=Fo8VEtIjA5I&list=PLQB-TSatJvw4T7mQneItRgsemyjMMYRNk

  Code Semantic:
    https://www.youtube.com/watch?v=lagsRIfOSuY&list=PLUU6Q8aGTpKV4bfIPiqGANF2OpbFbE0vl

  Les Jackson:
    https://www.youtube.com/watch?v=S9HrLdSrVho&list=PLpSmZmoBaROYOxp50yy_uewyMr5rOmx1f

Automated Unit Testing (there are several unit testing packages such as xUnit, nUnit and MSTest, I would use xUnit with another package called Moq)
  Execute Automation:
    https://youtube.com/playlist?list=PL6tu16kXT9Pq6aZHjfWYYkM6d3gGfb_uy
  Mohamad Lawand:
    https://youtu.be/AW7ZcMOtwC8

Realtime Applications
  Yasir:
    https://www.youtube.com/watch?v=sv3xqCrv46E&list=PL1XmucFXUmXjPz8tkknvWWiOoRAANwwgi
  Raw Coding:
    https://www.youtube.com/watch?v=OwiOvNwc7qc&list=PLOeFnOV9YBa7nzzuXnThdfsyY06AuCP5V

Databases
Relational Databases - There are many of these such as MySQL, Microsoft SQL Server, Postgres SQL and more, however I'm 
going to recommend MS SQL Server.
  Firebase:
    https://www.youtube.com/watch?v=W2Z7fbCLSTw
  freeCodeCamp:
    https://www.youtube.com/watch?v=HXV3zeQKqGY
  NetworkChuck:
    https://www.youtube.com/watch?v=xiUTqnI6xk8

Non Relational Database - There are also many of these such as Mongo DB, Redis, Apache CouchDB and more. I recommend learning Mongo DB.
  Fireship:
    https://www.youtube.com/watch?v=-bt_y4Loofg

  Mongo DB with Javascript:
    Web Dev Simplified:
      https://www.youtube.com/watch?v=fgTGADljAeg

    TheNetNinja:
      https://www.youtube.com/watch?v=ExcRbA7fy_A&list=PL4cUxeGkcC9h77dJ-QJlwGlZlTd4ecZOA

  Mongo DB with C#
    Coding Droplets:
      https://www.youtube.com/watch?v=T2Q7KB_jdAw&list=PLzewa6pjbr3JgaEaUDXWXm_bgjtQPjzFE

    TimCorey:
      https://www.youtube.com/watch?v=exXavNOqaVo

Load Testing C# APIs
    Microsoft:
   https://learn.microsoft.com/en-us/aspnet/core/test/load-tests

Systems Architecture
  scoutapm.com:
    https://scoutapm.com/blog/distributed-monoliths-vs-microservices
  Atlassian:
    https://www.atlassian.com/microservices/microservices-architecture/microservices-vs-monolith

Containerisation (Docker And Kubernetes)
Programming With Most:
  https://www.youtube.com/watch?v=pTFZFxd4hOI

Tech World With Nana:
  https://www.youtube.com/watch?v=3c-iBn73dDE

Fireship:
  https://www.youtube.com/watch?v=gAkwW2tuIqE

NetworkChuck - Kubernetes:
  https://www.youtube.com/watch?v=7bA0gTroJjw

Tech World With Nana - Kubernetes:
  https://www.youtube.com/watch?v=X48VuDVv0do

For DevOps (Build And Release Automation), I'd recommend using Azure DevOps.

SimpliLearn - What is DevOps?
  https://www.youtube.com/watch?v=Xrgk023l4lI

Microsoft Documentation:
  https://learn.microsoft.com/en-gb/azure/devops/?view=azure-devops&viewFallbackFrom=vsts

PowerShell documentation:
  https://learn.microsoft.com/en-us/powershell/

Tech World With Nana:
  https://www.youtube.com/watch?v=4BibQ69MD8c

Microsoft:
  https://www.youtube.com/watch?v=JhqpF-5E10I

Cloud - I'm going to recommend AWS, Azure, and GCP, I'd recommend picking one to learn to start with, I have listed Azure below.
  freeCodeCamp.org:
    https://www.youtube.com/watch?v=NKEFWyqJ5XA

  Adam Marczak:
    https://www.youtube.com/watch?v=NPEsD6n9A_I&list=PLGjZwEtPN7j-Q59JYso3L4_yoCjj2syrM

  Edureka:
    https://www.youtube.com/watch?v=tDuruX7XSac

Both Backend and Frontend:
  Blazor:
    freeCodeCamp.org
      https://youtu.be/4G_BzLxa9Nw
   bUnit Automated User Interface Testing
      https://youtu.be/AW7ZcMOtwC8

Misc Resources:
https://devdocs.io
https://www.youtube.com/@nickchapsas
  https://www.youtube.com/@DotNetMastery
  https://www.youtube.com/@binarythistle
  https://www.youtube.com/@freecodecamp
  https://youtube.com/@MilanJovanovicTech

About

A list of resources for learning full stack web development.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published