-
Notifications
You must be signed in to change notification settings - Fork 0
chris-briddock/MyWebDeveloperLearningGuide
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
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 0
No packages published