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

0:04:00 - Numbers
0:10:30 - Let/Const (Variables)
0:18:12 - Booleans
0:19:50 - Strings & Methods
0:39:30 - Comparison Operators
0:50:00 - Including Scripts
0:54:00 - Conditionals
1:10:15 - Logical Operators 
1:20:20 - Arrays
1:35:47 - Objects
1:47:42 - Loops
2:10:15 - Functions

JavaScript for Beginners Course (2022) - Colt Steele

Learn more about my online job-guaranteed bootcamp here: https://rebrand.ly/coltsbootcamp Use the code "COLT" for a $500 scholarship.  Get the video code and exercise starter code here: https://codepen.io/collection/XMzgEL

The Ultimate CSS3 Flexbox Tutorial - Colt's Code Camp

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

🚨 IMPORTANT:
I have the ultimate Vue course! If you like a Vue Cheat Sheet and learn more about it click here! https://www.vuecourse.tech/

Vuex is a state management system use with Vue.js. It's very similar to other state management systems like Redux and Flux. In this video tutorial I teach you how to use Vuex in 10 minutes. In this
app I create a simple counter. We discuss, getters, actions, mutations and state. Stay all the way to the end for a surprise! :)

Don't forget to check out my new book on Vue.js! Get the first chapter here - http://bit.ly/2GWWuEw

___


WANT TO LEARN TO PROGRAM USE THESE COURSE BELOW WITH A DISCOUNT!


WEB DEVELOPER 2.0 COURSE (ROB PERCIVAL) - http://bit.ly/2BtxiQ0
THE ADVANCED WEB DEVELOPER BOOTCAMP — http://bit.ly/2h53MYg
THE WEB DEVELOPER BOOTCAMP — http://bit.ly/2zP4alw
JAVASCRIPT - UNDERSTANDING THE WEIRD PARTS — http://bit.ly/2le84Ba
ADVANCED JAVASCRIPT — http://bit.ly/2gEgn7I
VUE.JS 2.0 COMPLETE COURSE - http://bit.ly/2yPQyZ9


AMAZON DEALS
KINDLE - http://amzn.to/2hJdPlD


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/190277791450732/

___


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

Learn Vuex In 10 Minutes (Vue.js State Management)

Express JS is an awesome opinionated framework for Node.js that helps you create REST end points. Let's learn Express.js in 15 minutes! 

Check now if your .TECH is available! Link - https://go.tech/erik 
Use Code erik.tech at Checkout for a special 80% OFF on 1 & 5 Year .TECH Domains!

👉Check out my last video on Vue lazy loading components!
https://youtu.be/sHXRfyNdjLo

📚 Sign up here to get the first chapter of my book (Vue.js in Action) and a cheatsheet - http://bit.ly/2GWWuEw

📚 Sign up and get notified about my new Vue 3 course! —  http://bit.ly/2vFWBQi


♡ ♡ ♡ 

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

♡ ♡ ♡  

Make Sure To Check These Courses Out On Udemy! 💻 

→ 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 8 - The Complete Guide - http://bit.ly/2sCMxWm

→  Check out the 100 Front End Interview Question Challenge here - http://bit.ly/2NM9GAm

→ The Complete 2019 Web Development Bootcamp - Angela Yu - http://bit.ly/2ADKEKD


👉 Algo expert is the best way to learn algorithms! Check out my code and get 15% off at checkout with code "erik" http://algoexpert.io/erik

___

Links (and code)


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

LEARN EXPRESS JS IN 15 MINUTES!

Want me to teach you Java and Game Programming privately? ► http://www.thecherno.com/tutoring

Welcome to Game Programming, a series in which we take an in depth look at how to make a game from scratch, in Java.

Download Eclipse: http://bit.ly/SHh46m

BEST laptop for programming! ► http://geni.us/pakTES
My FAVOURITE keyboard for programming! ► http://geni.us/zNhB
FAVOURITE monitors for programming! ► http://geni.us/Ig6KBq
FAVOURITE programming book! ► http://geni.us/z4Yx

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

Website: http://www.thecherno.com
Twitter: http://www.twitter.com/thecherno
Facebook: http://www.facebook.com/thecherno

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

Outro music is by Approaching Nirvana: http://www.youtube.com/approachingnirvana

Game Programming - Episode 1 - Resolution

Download PVS-Studio ► https://www.viva64.com/pvs-download-chernikov
Enter promo code #chernikov in the message field to get a 30 day free trial instead of 7

An Easy Way to Make Money on Bug Bounty (article) ► https://www.viva64.com/en/b/0660/?promo=chernikov

Patreon ► https://patreon.com/thecherno
Instagram ► https://instagram.com/thecherno

Twitter ► https://twitter.com/thecherno
Discord ► https://thecherno.com/discord

This video is sponsored by PVS-Studio

How to REALLY learn C++

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