In this crash course we will go over the fundamentals of JavaScript including more modern syntax like classes, arrow functions, etc. This is the starting point on my channel for learning JS.

Code including html/css:
https://embed.plnkr.co/plunk/8ujYdL1BxZftGoS4Cf14

21 Hour JavaScript Course:
https://www.udemy.com/modern-javascript-from-the-beginning/?couponCode=TRAVERSYMEDIA

Suggested Videos To Watch Next:
DOM Crash Course - https://www.youtube.com/watch?v=0ik6X4DJKCc
Fetch API - https://www.youtube.com/watch?v=Oive66jrwBs
JS Playlist With Projects - https://www.youtube.com/watch?v=vEROU2XtPR8&list=PLillGF-RfqbbnEGy3ROiLWk7JMCuSyQtX
OOP Crash Course - https://www.youtube.com/watch?v=vDJpGenyHaA
JSON Crash Course - https://www.youtube.com/watch?v=wI1CWzNtE-M



💖 Become a Patron: Show support & get perks!
http://www.patreon.com/traversymedia

Follow Traversy Media:
https://www.facebook.com/traversymedia
https://www.twitter.com/traversymedia
https://www.instagram.com/traversymedia

JavaScript Crash Course For Beginners

2022 Updated Crash Course - https://www.youtube.com/watch?v=0xMQfnTU6oo

In this video we will look at the new CSS Grid layout and how to create grid based layouts and alignments. We will look at properties for containers and items.

CODE: Code for this tutorial
http://www.traversymedia.com/downloads/cssgrid.zip

BUILD A CSS GRID WEBSITE:
https://www.youtube.com/watch?v=moBhzSC455o

BECOME A PATRON: Show support & get perks!
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

EDUONIX COURSES: Please use affiliate links from website below
http://www.traversymedia.com/eduonix-courses

CSS Grid Layout Crash Course

Get started with React in this crash course. We will be building a task tracker app and look at components, props, state, hooks, working with an API and more.

Code:
https://github.com/bradtraversy/react-crash-2021

React Front To Back 2022 Course:
https://www.udemy.com/course/react-front-to-back-2022/?referralCode=4A622C7E48DB66154114

💖  Support The Channel!
http://www.patreon.com/traversymedia

Timestamps:
0:00 - Intro & Slides
12:37 - Create a React app
14:52 - Files & folders
18:54 - App component & JSX
22:39 - Expressions in JSX
23:49 - Creating a component
27:18 - Component Props
28:50 - PropTypes
30:42 - Styling
34:17 - Button Component
37:46 - Events
40:18 - Tasks Component
41:03 - Create a list with .map()
43:07 - State & useState Hook
44:55 - Global state
46:52 - Task Component
49:30 - Icons with react-icons
51:41 - Delete task & prop drilling
55:50 - Optional message if no tasks
56:58 - Toggle reminder & conditional styling
1:03:13 - Add Task Form
1:06:16 - Form input state (controlled components)
1:09:18 - Add task submit
1:14:36 - showAddTask state
1:15:58 - Button toggle
1:19:33 - Build for production
1:21:51 - JSON Server
1:25:53 - useEffect Hook & Fetch tasks from server
1:30:13 - Delete task from server
1:31:51 - Add task to server
1:35:15 - Toggle reminder on server
1:39:15 - Routing, footer & about

React JS Crash Course

Checkout our bestselling System Design Interview books: https://amzn.to/3HqGozy

Subscribe to our YouTube channel: https://bit.ly/3aZpbkz

Other things we made:
Weekly system design newsletter (10-min read): https://bit.ly/3tfAlYD
Digital version of System Design Interview books: https://bit.ly/3mlDSk9
Twitter: https://bit.ly/3HqEz5G
LinkedIn:  https://bit.ly/39h22JK

ABOUT US: 
Covering topics and trends in large-scale system design, from the authors of the best-selling System Design Interview series.

What happens when you type a URL into your browser?

Get Your Billy T-Shirt: https://my-store-d2b84c.creator-spring.com/
Discord: https://discord.gg/Ap2sf3sKqg
Instagram: https://www.instagram.com/mrpsolver/

New Web Developers Be Like...

🚨 IMPORTANT:

Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-today?utm_medium=video-description-no-mention&utm_source=youtube&utm_campaign=css-position

Chances are you have heard of relative and absolute position in CSS, but did you know there are still three other positions? In this video I will be covering all five CSS positions (static, relative, absolute, fixed, and sticky) by showing you examples of each position and comparing them with each other.

This video may be short, but I cover everything about each CSS position in this video, so you can learn everything you need to know about CSS position. By the end of this video you will have a deep understanding of the interactions between the different CSS positions, so you can effectively use them in your next project.


📚 Materials/References:

CSS Position Article: https://blog.webdevsimplified.com/2022-01/css-position
Sticky Position Tutorial: https://youtu.be/NzjU1GmKosQ
CodePen Code: https://codepen.io/WebDevSimplified/pen/VNRMNP


🧠 Concepts Covered:

- All five CSS positions
- How absolute position interacts with the other positions
- How to use top/right/left/bottom to position elements
- How the document flow works
- When to use relative position


🌎 Find Me Here:

Twitter: https://twitter.com/DevSimplified
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


#CSSPosition #CSS #WebDevelopment

Learn CSS Position In 9 Minutes

ES6 came with many new features, but one of the best features was the official introduction of Promises. Promises allow you to write clean non-callback-centric code without ever having to worry about callback hell. Even if you never write your own promise, knowing how they work is incredibly important, since many newer parts of the JavaScript API use promises instead of callbacks. Checkout the full video to learn how to define and use promises.

Promise Article: https://blog.webdevsimplified.com/2021-09/javascript-promises

Code From This Video:
https://codepen.io/WebDevSimplified/pen/jXoXYj

Twitter:
https://twitter.com/DevSimplified

GitHub:
https://github.com/WebDevSimplified

CodePen:
https://codepen.io/WebDevSimplified


#JavaScript #Promises #WebDevelopment

JavaScript Promises In 10 Minutes

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