Traversy Media

In this Git tutorial we will talk about what exactly Git is and we will look at and work with all of the basic and most important commands such as add, commit, status, push and more. This tutorial is very beginner friendly.

DONATIONS:
We spend huge amounts of time making these videos available for free. Any donation is greatly appreciated 
https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=KLVYJVNUJ5NV4

Git & GitHub Crash Course For Beginners

UPDATED VIDEO 2019 - https://www.youtube.com/watch?v=-56x56UppqQ

In this video we will dive into the MongoDB NoSQL database and look at the fundamentals and the syntax to create, read, update and delete documents/data

NODE.JS, EXPRESS & MONGODB COURSE:
https://www.udemy.com/nodejs-express-mongodb-dev-to-deployment/?couponCode=DISCOUNT459895

BECOME A PATRON: Show support & get perks!
http://www.patreon.com/traversymedia

COURSES & MORE INFO:
http://www.traversymedia.com

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

MongoDB In 30 Minutes

In this project, we will use OpenAI and the DALL-E model to create a web app that will generate images from scratch based on the entered text.

💻 Code:
https://github.com/bradtraversy/nodejs-openai-image

📄OpenAI Docs:
https://beta.openai.com/

⭐ All Courses:
https://traversymedia.com

💖  Show Support
Patreon: https://www.patreon.com/traversymedia
PayPal: https://paypal.me/traversymedia

👇 Follow Traversy Media On Social Media:
Twitter: https://twitter.com/traversymedia
Instagram: https://www.instagram.com/traversymedia
Linkedin: https://www.linkedin.com/in/bradtraversy

Timestamps:
0:00 - Intro
2:00 - Setup & Install Dependencies
3:33 - Express Server & ENV Variables
6:03 - Route & Controller
9:58 - OpenAI Library Request/Response
15:17 - Request Body Data
19:34 - Frontend Setup
24:00 - Form Event Listener
26:38 - GenerateImageRequest() Function
31:45 - Display Image in DOM
33:20  - Using The App & Outro

Build An AI Image Generator With OpenAI & Node.js

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

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

In this video, we will look at Puppeteer to scrape data from a web page.

💻 Code:
https://github.com/bradtraversy/courses-scrape

Puppeteer Docs:
https://pptr.dev/

⭐ All Courses:
https://traversymedia.com

💖  Show Support
Patreon: https://www.patreon.com/traversymedia
PayPal: https://paypal.me/traversymedia

👇 Follow Traversy Media On Social Media:
Twitter: https://twitter.com/traversymedia
Instagram: https://www.instagram.com/traversymedia
Linkedin: https://www.linkedin.com/in/bradtraversy

Timestamps:
0:00 - Intro
0:36 - Install & Setup
3:36 - Init Browser & Page Object
5:02 - Screenshot & PDF
6:54 - Targeting HTML, Text, and Links
11:22 - Scraping Courses
17:08 - $$eval()
18:40 - Save JSON Data

Intro To Web Scraping With Puppeteer

In this video I will cram as much as possible about CSS. We will be looking at styles, selectors, declarations, etc. We will build a CSS cheat sheet that you can keep as a resource and we will also create a basic website layout. We are using CSS3 but mostly the basics. I will be creating an advanced CSS course with animations,  etc. I do have a Flexbox in 20 minutes video as well if you want to learn flexbox.

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/csscrashcourse.zip

HTML CRASH COURSE VIDEO:
https://www.youtube.com/watch?v=UB1O30fR-EE

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

CSS Crash Course For Absolute Beginners

In this crash course we will explore Node.js fundamentals including modules such as path, url, fs, events and we will create an HTTP server from scratch without Express and deploy to Heroku.

Watch Next: Express Crash Course:
https://www.youtube.com/watch?v=L72fhGm1tfE

Sponsor: DevMountain Bootcamp
https://goo.gl/6q0dEa

Code:
https://github.com/bradtraversy/node_crash_course

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

Website & Udemy Courses
http://www.traversymedia.com

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