Explore the full course on Udemy (special discount included in the link): https://www.udemy.com/the-web-developer-bootcamp/learn/v4/?couponCode=WEBDEVBOOTCAMP_UYT

If you're ready to launch your career as a software engineer, check out my job-guaranteed bootcamp with Springboard: https://springboard.com/workshops/software-engineering-career-track/?utm_source=coltsteele&utm_medium=youtubedescription&utm_campaign=sec

Learn the basics of HTML, CSS, and JavaScript in this 4-part crash course for beginners.  Are you curious about web development, but not sure where to start?  Want to make your own websites? Should you learn JavaScript first?  Or is it better to start with HTML? It can be overwhelming. This course will help get you started in just 4 short videos.  Learn what each of the 3 frontend technologies is responsible for, see how they work together, and write your own code! Along the way, we will build a complete project that incorporates all three technologies. 

This course is for anyone, regardless of skill level. The only prerequisites are:
* Have a computer with Internet
* Commit 45 minutes of your time (does not have to be all at once)
* Brace yourself for photos of my grumpy cat

Part 1 of the Crash Course covers:
* What are HTML/CSS/JS? 
* How do the 3 technologies work together?
* Inspecting the HTML on an existing web page

Part 2 of the Crash Course covers:
* What are the steps to build an HTML document?
* Developer tools like Sublime Text
* Writing your own HTML tags
* HTML Attributes
* Creating the HTML of our project

Part 3 of the Crash Course covers:
* Selecting and styling elements with CSS
* Linking CSS to HTML documents
* Adding IDs to HTML to style later
* Adding CSS to our project

Part 4 of the Crash Course covers:
* Writing simple JavaScript code
* Adding scripts to HTML documents
* Selecting DOM Elements with JS
* Writing click event listeners
* Adding JS to our project, to make the image slideshow work.

Links mentioned in the video:
- The Front End Demo Codepen: https://codepen.io/Colt/pen/dJwGLQ

#HTML #CSS #JS #JavaScript #WebDevelopment #WebDev #Programming #Beginner #ColtSteele #LearnToCode #IHateHashtags

HTML/CSS/JS Crash Course Part 1

Oh MAN I've been waiting to talk about this for so long. The React team released a very exciting new RFC today. https://twitter.com/t3dotgg

LINK TO RFC: https://github.com/reactjs/rfcs/pull/229

FULL STREAM: https://youtu.be/CpBXikakzks?t=5605

MIR YOU ARE A LEGEND FOR THIS EDIT OMFG

ALL MY CONTENT IS FILMED LIVE ON TWITCH AT https://twitch.tv/theo
ALL THE COOLEST PEOPLE ARE IN MY DISCORD https://t3.gg/discord
ALL MY VIDEOS ARE POSTED EARLY ON PATREON https://www.patreon.com/t3dotgg
MIR'S TWITTER: https://twitter.com/mirashif1

Everything else (instagram, tiktok, blog): https://t3.gg/links

They Fixed React??!?

A fullstack project course that teaches you how to build a backend and frontend from scratch then deploy it. 

Includes the follow technologies:

- React
- TypeScript
- GraphQL
- URQL/Apollo
- Node.js
- PostgreSQL
- MikroORM/TypeORM
- Redis
- Next.js
- TypeGraphQL
- Chakra

Code: https://github.com/benawad/lireddit

Links from video:
Learn vim: https://benawad.com/vim
How to install PostgreSQL: https://www.google.com/search?q=how+to+install+postgresql
How to install Redis: https://www.google.com/search?q=how+to+install+redis
Argon2 vs bcrypt: https://security.stackexchange.com/questions/193351/in-2018-what-is-the-recommended-hash-to-store-passwords-bcrypt-scrypt-argon2
React snippets: https://gist.github.com/benawad/1e9dd01994f78489306fbfd6f7b01cd3#file-snippets-typescriptreact-json
Simple pagination: https://github.com/FormidableLabs/urql/blob/main/exchanges/graphcache/src/extras/simplePagination.ts
Node.js Docker: https://nodejs.org/en/docs/guides/nodejs-docker-webapp/
Next Apollo: https://github.com/adamsoffer/next-apollo/blob/master/src/withApollo.js

0:00:00 Intro
0:02:02 Node/TypeScript Setup
0:11:29 MikroORM Setup
0:39:50 Apollo Server Express Setup
0:47:32 MikroORM TypeGraphQL Crud
1:09:23 Register Resolver
1:23:27 Login Resolver
1:41:11 Session Authentication
2:03:06 Sessions Explained
2:08:24 Next.js + Chakra
2:32:36 URQL Basics
2:46:07 GraphQL Code Generator
2:53:16 Register Error Handling
3:10:57 NavBar
3:26:21 URQL Cache Updates
3:39:33 Logout
3:50:11 Next.js URQL SSR
4:12:34 Forgot Password
4:35:31 Change Password
5:22:14 Why Switching to TypeORM
5:25:27 Switching to TypeORM
5:50:44 Many to One
6:02:26 Global Error Handling
6:24:15 Next.js Query Params
6:31:26 URQL Pagination Start
6:50:02  Adding Mock Data
7:01:19 Chakra Styling
7:12:37 More URQL Pagination
7:32:07 Fix Mock Data
7:40:41 URQL Pagination Has More
8:00:53 GraphQL Fetching Relationships
8:18:43 GraphQL Field Permissions
8:23:16 Many to Many
8:46:46 Invalidate Queries
9:00:49 Upvote UI
9:23:11 Change Vote
9:31:57 Write Fragments
9:39:00 Vote Status
9:51:57 SSR Cookie Forwarding
10:04:08 Single Post
10:21:55 Delete Post
10:38:19 Edit Post
11:09:23 DataLoader
11:40:06 Cache Reset
11:43:55 Deploy Backend
11:52:56 Docker
12:03:29 Environment Variables
12:14:55 DB Migrations
12:21:40 Docker Hub
12:28:23 DNS
12:36:39 Deploy Frontend
12:57:28 Fix Cookie
13:03:07 Switch to Apollo

#benawad #fullstack #tutorial

----
Checkout my side projects:

If you're into cooking: https://www.mysaffronapp.com/

----
Join the Discord:  https://discord.gg/Vehs99V

----
Patreon: https://www.patreon.com/benawad

----
Follow Me Online Here:

Twitter: https://twitter.com/benawad
Medium: https://medium.com/@benawad
GitHub: https://github.com/benawad
Twitch: https://www.twitch.tv/benawad
Facebook: https://www.facebook.com/benawad97/
LinkedIn: https://www.linkedin.com/in/benawad/
Instagram: http://instagram.com/benawad97
TikTok: https://www.tiktok.com/@benawad ​
​
----
Follow me online: https://voidpet.com/benawad
#benawad

Fullstack React GraphQL TypeScript Tutorial

What is a headless CMS? Why should you use it? In this video I discuss my top 10 headless CMS solutions you should check out for your next project. (Including prismic.io, netlify and other!)
Want more information on CMS - Check out my playlist! https://www.youtube.com/watch?v=KdOQhTLHT0U&list=PL-lxoPS_1OXW9gAjScD9v0cR_1oqiz5YN

Check out my sponsor Webdock.io! Click here to sign up and get a month 100% free (Use coupon code "programwitherik") http://go.thoughtleaders.io/509020180827

List of all CMS in this video https://headlesscms.org/

Jamstack https://jamstack.org/

-----☆-----☆-----☆-----☆-----☆-----☆-----☆-----☆-----☆-----☆

► LEARNING TO CODE? CHECK OUT THESE COURSES!  (SOME ARE AFFILIATE)

VUE.JS + NUXT.JS (Two Courses In One) -  http://bit.ly/2LalQka 

JAVASCRIPT ALGORITHMS COLT STEELE'S COURSE - http://bit.ly/2L8HSPV

THE WEB DEVELOPER BOOTCAMP (GREAT FOR BEGINNERS) — http://bit.ly/2zP4alw

THE ADVANCED WEB DEVELOPER BOOTCAMP  — http://bit.ly/2h53MYg

THE ULTIMATE VUE JS 2 COURSE - http://bit.ly/2CTvsvx

CHECK OUT THIS COURSE - Angular 6 - The Complete Guide - http://bit.ly/2sCMxWm

CHECK OUT MY AMAZON STORE - https://www.amazon.com/shop/programwi...

► Wes Bos's Courses!

REACT FOR BEGINNERS - http://bit.ly/2BctxOE
ES6 - http://bit.ly/2iF4YT3
LEARN NODE - http://bit.ly/2jKLYpE
___


► JOIN MY FACEBOOK GROUP AND START LEARNING CODE —  https://www.facebook.com/groups/19027...

___


► GET THE FIRST CHAPTER OF MY NEW BOOK Vue.js in Action! SIGN UP HERE! —  http://bit.ly/2GWWuEw

GET MY LAST BOOK EMBER.JS COOKBOOK! — https://goo.gl/LEIdSc

GET MY NEW BOOK VUE.JS IN ACTION - https://goo.gl/qohSPs

___

MY WEBSITE — http://www.programwitherik.com
MY TWITTER — http://www.twitter.com/erikch
MY FACEBOOK — http://www.facebook.com/programwitherik

Top 10 Headless CMS's You Should Check Out (and what they are!)

What are the top 5 text editor / web development environments (IDEs)? In this video I'll look over some of the most popular IDEs and text editors and I'll rank the top 5 of them. Will sublime, atom, or brackets be on the list? Check in and find out!

Are you a beginner web developer? Check out these courses from Udemy below! Now only 10 dollars for a limited time! 

The Web Developer Bootcamp - http://bit.ly/2zP4alw
JavaScript: Understanding the Weird Parts - http://bit.ly/2le84Ba

My Ember.js Cookbook! http://goo.gl/B3cOZT

EmberConf Torann Billups Video
https://www.youtube.com/watch?v=2b1vcg_XSR8

Find me here
http://www.twitter.com/erikch
http://www.facebook.com/programwitherik
http://www.programwitherik.com

Top 5 Web Development IDEs and Editors

Seriously, objects are not for everything.

Huge s/o Idez as always!!!

Follow me on...
Twitch: https://twitch.tv/theo
Twitter: https://twitter.com/t3dotgg
Instagram: https://instagram.com/fakiebigfoot
Everywhere else: https://t3.gg/links

Stop Using Javascript Objects

Front-end interviews are tough for new developers. In this video I discuss 5 front end interview questions you should know if you're a web developer!

Make sure to download the 100% free ebook from my sponsor at http://go.thoughtleaders.io/378420180821

-----☆-----☆-----☆-----☆-----☆-----☆-----☆-----☆-----☆-----☆

► LEARNING TO CODE? CHECK OUT THESE COURSES!  (SOME ARE AFFILIATE)

JAVASCRIPT ALGORITHMS COLT STEELE'S COURSE - http://bit.ly/2L8HSPV

THE WEB DEVELOPER BOOTCAMP (GREAT FOR BEGINNERS) — http://bit.ly/2zP4alw

THE ADVANCED WEB DEVELOPER BOOTCAMP  — http://bit.ly/2h53MYg

THE ULTIMATE VUE JS 2 COURSE - http://bit.ly/2CTvsvx

CHECK OUT THIS COURSE - Angular 6 - The Complete Guide - http://bit.ly/2sCMxWm

VUE.JS + NUXT.JS (Two Courses In One) -  http://bit.ly/2LalQka 

CHECK OUT MY AMAZON STORE - https://www.amazon.com/shop/programwi...

► Wes Bos's Courses!

REACT FOR BEGINNERS - http://bit.ly/2BctxOE
ES6 - http://bit.ly/2iF4YT3
LEARN NODE - http://bit.ly/2jKLYpE
___


► JOIN MY FACEBOOK GROUP AND START LEARNING CODE —  https://www.facebook.com/groups/19027...

___


► GET THE FIRST CHAPTER OF MY NEW BOOK Vue.js in Action! SIGN UP HERE! —  http://bit.ly/2GWWuEw

GET MY LAST BOOK EMBER.JS COOKBOOK! — https://goo.gl/LEIdSc

GET MY NEW BOOK VUE.JS IN ACTION - https://goo.gl/qohSPs

___

Links:


MY WEBSITE — http://www.programwitherik.com
MY TWITTER — http://www.twitter.com/erikch
MY FACEBOOK — http://www.facebook.com/programwitherik

5 Front End Interview Questions That Every NEW Developer Should Know

In this crash course I will cram as much about HTML that I can. This is meant for absolute beginners. If you are interested in learning HTML but know nothing, then you are in the right place. We will be creating a cheat sheet with all of the common HTML5 tags, attributes, semantic markup, etc. We will not be focusing on CSS in this video. The CSS crash course will be released shortly after

21 Hour HTML & CSS Course:
https://www.udemy.com/course/modern-html-css-from-the-beginning/?referralCode=EB0470C43F3C3E9AA306

CODE: Code for this video
http://www.traversymedia.com/downloads/htmlcheatsheet.zip

NEXT: CSS CRASH COURSE FOR BEGINNERS
https://www.youtube.com/watch?v=yfoY53QXEnI&lc=z121x5ozxpiiwddee23tffergoyxxngi504

CHECK OUT MY FULL STACK COURSE:
http://www.traversymedia.com/course/the-full-stack-web-development/

BECOME A PATRON: Support me directly for even $1 per month
http://www.patreon.com/traversymedia
ONE TIME DONATIONS:
http://www.paypal.me/traversymedia

FOLLOW TRAVERSY MEDIA:
http://www.facebook.com/traversymedia
http://www.twitter.com/traversymedia
http://www.instagram.com/traversymedia