Introduction to Full Stack Web Dev Crash Course - 4 Hour Tutorial

Channel:
United States Web Dev Cody
Subscribers:
254,000
Published on ● Video Link: https://www.youtube.com/watch?v=8x19xdpIAiQ


Category:
Tutorial
Duration: 4:15:01
5,233 views
191

A lot goes into learning full stack web development. This video tries to give you a high level overview of the various technologies that you might need to start learning to become a full stack developer. You won't become a master at web development watching this video. We won't get into detail for various technologies such as HTML, CSS, javascript, express, node, mongo, but I want to teach you just enough that you can maybe feel more confident to continue learning and building by yourself. It turns out there isn't that much you need to master to be able to start building out websites with dynamic data.

00:00:00 - What is full stack development
00:15:21 - How do web application work
00:30:26 - An introduction to HTML
01:03:11 - A look into CSS
01:24:35 - Multiple File Project
01:50:10 - Building a Shared Header
02:09:20 - Dynamically Rendering HTML
02:27:43 - Learning JS Functions
02:49:43 - Our first Express REST API
03:16:32 - Connecting to MongoDB
03:31:16 - Fetching a Single Post
03:49:44 - Creating a Post

Finished source code can be found here https://github.com/codyseibert/youtube/tree/master/full-stack-tut

------------

🔔 Newsletter http://eepurl.com/hnderP
🤓 ES6 Udemy Course https://tinyurl.com/yxdvf2zl
🐦 Twitter https://twitter.com/thewebdevjunkie
📷 Instagram https://www.instagram.com/thewebdevjunkie/
💬 Discord https://discord.gg/4kGbBaa
📁. GitHub https://github.com/codyseibert/youtube



Other Videos By Web Dev Cody


2021-09-30How to setup S3 Lambda Trigger
2021-08-02How to Make a 2D Top Down Player Movement in Unity
2021-07-14Can Github Copilot write an entire express app?
2021-06-22Host a Wordpress Blog in 8 Minutes on Digital Ocean with Docker
2021-06-18Hooking up Mongo to MERN Stack Application | Part 2
2021-06-16Initial Setup of MERN Stack Pantry Tracking App | Part 1
2021-05-23Tips and Tricks for Debugging React Applications
2021-05-22Live Coding Features and Debugging on Mumble React Applilcation
2021-05-15I'll help with any JavaScript concepts you need extra help on
2021-05-14How to Unit Test Javascript Coding using Jest
2021-05-08Introduction to Full Stack Web Dev Crash Course - 4 Hour Tutorial
2021-05-07Adding a Post to Mongo | Beginner's Guide to Full Stack Development
2021-05-06Fetching a Single Post | Begginer's Guide to Full Stack Development
2021-05-05Using MongoDB to Store our Posts | Beginner's Guide to Full Stack Development
2021-05-04Making your first Node REST API | Beginner's Guide to Full Stack Development
2021-04-30Using Functions in Javascript | Beginner's Guide to Full Stack Development
2021-04-29Rendering Posts using Javascript | Beginner's Series to Full Stack Web Development
2021-04-28Using Javascript to Create a Header | Beginner's Series to Full Stack Web Development
2021-04-27Using External Stylesheets & Multiple Pages | Beginner's Series to Full Stack Web Development
2021-04-26Lets learn more about CSS | Beginner's Series to Full Stack Web Development
2021-04-25Let's look into using HTML | Beginner's Series to Full Stack Web Development


Tags:
web development
programming
coding
code
learn to code
tutorial
software engineering
full stack
vanilla javascript
vanilla js
javascript
html
css
node
express
nodejs
expressjs
node.js
express.js
mongo
mongodb
crash course