The ultimate 10 minute JavaScript course that quickly breaks down over 100 key concepts every web developer should know. Learn the basics of JS and start building apps on the web, mobile, desktop, and more. 

#javascript #programming #code 

🚨 BLACK FRIDAY 40% Discount off PRO Memberships FOREVER

https://fireship.io/pro

🚨 Use code BLACKFIRE at checkout 


💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

NEW Full JavaScript Course https://fireship.io/courses/js
JavaScript in 100 Seconds https://youtu.be/DHjqpvDnNGE
JavaScript Docs https://developer.mozilla.org/en-US/docs/Web/JavaScript

🎨 My Editor Settings

- Atom One Dark 
- vscode-icons
- Fira Code Font

🔖 Topics Covered

- JavaScript 101 Course
- Getting Started with JavaScript
- JavaScript basics tutorial
- Learn JS for beginners 
- Most important JS concepts to know
- What is JavaScript used for?
- How do I learn JavaScript programming?
- Prototypal Inheritance
- Higher Order Functions
- Closures
- Non-blocking event loop
- Node.js

100+ JavaScript Concepts you Need to Know

Why does everybody hate JavaScript so much? A complete roast of JS that highlights the strongest criticisms against the world's most popular programming language. 

#javascript #roast #comedy 

🔥 Black Friday Discount

https://fireship.io/pro

🔥 Use code BLACKFIRE at checkout for 40% off 

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

- Full JavaScript Course https://fireship.io/courses/js
- JavaScript in 100 Seconds https://youtu.be/DHjqpvDnNGE
- React for the Haters https://youtu.be/HyWYpM_S-2c

🎨 My Editor Settings

- Atom One Dark 
- vscode-icons
- Fira Code Font

🔖 Topics Covered

- JS Roast
- Funny JavaScript features
- Worst aspects of JavaScript
- JavaScript pitfalls
- JavaScript drama

JavaScript for the Haters

Learn full-stack web development in this full course for beginners. First, you will learn the basics of HTML, CSS, and JavaScript. Then, you will learn how to put everything together to create a frontend movie search app. Finally, you will learn how to create a backend API to create movie reviews and connect the frontend to the backend. The backend uses Node.js, Express, and MongoDB.

🔗 Get started with Replit: https://join.replit.com/web-students

✏️ Tomi Tokko and Beau Carnes developed this course. 
Tomi's channel: https://www.youtube.com/CodeWithTomi
Beau's channel: https://www.youtube.com/zizyo

⭐️ Code ⭐️
JavaScript RPG Starter: https://replit.com/@BeauCarnes/JavaScript-RPG-Starter
JavaScript RPG Complete: https://replit.com/@BeauCarnes/JavaScript-RPG

Frontend Movie App (and starter for connecting to backend): https://replit.com/@TomiTokko/MoviesApp
Live demo of frontend app: https://moviesapp.tomitokko.repl.co/ 

Backend Reviews API: https://replit.com/@BeauCarnes/review-backend
Frontend connected to backend: https://replit.com/@BeauCarnes/htmlfrontend

🏗 Replit provided a grant to make this course possible.

⭐️ Course Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:02:42) Learn HTML
⌨️ (1:26:27) Learn CSS
⌨️ (3:15:49) Learn JavaScript
⌨️ (4:52:01) Create Frontend Movie App
⌨️ (5:44:04) Create Backend Reviews API
⌨️ (6:49:32) Connect Frontend with Backend

🎉 Thanks to our Champion and Sponsor supporters:
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Erdeniz Unvan
👾 Justin Hual
👾 Agustín Kussrow
👾 Otis Morgan

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

Full Stack Web Development for Beginners (Full Course on HTML, CSS, JavaScript, Node.js, MongoDB)

React State Management is half of your React app so it is important for React developers to understand. In this full intermediate React tutorial, you will learn how to implement state management using industry best practices.

✏️ Jack Herrington created this course. He is a principal full stack engineer. Check out his channel: https://www.youtube.com/channel/UC6vRUjYqDuoUsYsku86Lrsw

💻 Code!: https://github.com/jherr/fcc-state

⌨️ (0:00:00) Introduction
⌨️ (0:03:27) useState
⌨️ (0:18:37) useReducer
⌨️ (0:32:29) useMemo & useCallback
⌨️ (0:49:43) useEffect
⌨️ (1:05:59) useRef
⌨️ (1:13:53) Context and Custom Hooks
⌨️ (1:41:48) React Query & React Location
⌨️ (1:57:26) Zustand
⌨️ (2:06:11) Valtio
⌨️ (2:12:44) Jotai
⌨️ (2:20:51) Redux
⌨️ (2:37:56) The new use hook
⌨️ (2:44:26) Recommendations
⌨️ (2:46:07) Outroduction

🎉 Thanks to our Champion and Sponsor supporters:
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Erdeniz Unvan
👾 Justin Hual
👾 Agustín Kussrow
👾 Otis Morgan

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

React State Management – Intermediate JavaScript Course

🐱‍💻 Access the starter files on GitHub:
https://github.com/iamshaunjp/Coding-Challenges/tree/challenge-5-start

⭐⭐ Get access to all free & PREMIUM courses on Net Ninja Pro:
https://net-ninja-pro.teachable.com/p/net-ninja-pro/

Coding Challenge SOLUTION #5 - Lorem Ipsum Flavour Function

Coding Challenge #5 - Lorem Ipsum Flavour Function

Get Your Billy Merch: https://my-store-d2b84c.creator-spring.com/
Code from the video: https://github.com/lukepolson/youtube_channel/tree/main/Javascript%20Simulations/js1
Discord: https://discord.gg/Ap2sf3sKqg
Instagram: https://www.instagram.com/mrpsolver/

Simulation Coding Challenge #1: Waves

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