In this crash course you will learn all about Vue.js including what it is, Vue-CLI, components, data, events, directives, etc

NEW 2021 VERSION:
https://www.youtube.com/watch?v=qZXt1Aom3Cs&t=5413s

Sponsor:
http://www.netlify.com

Code For Turorial:
https://github.com/bradtraversy/vue_crash_todolist

Deploy Sites With Netlify (Video):
https://www.youtube.com/watch?v=bjVUqvcCnxM

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

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

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

Vue JS Crash Course (2019)

FREE React Hooks Course: https://courses.webdevsimplified.com/react-hooks-simplified

Hangman is the perfect beginner React project since it is easy enough logic-wise, but still includes many complicated problems to solve. In this video I will show you how I would create a hangman game in React.


📚 Materials/References:

FREE React Hooks Course: https://courses.webdevsimplified.com/react-hooks-simplified
GitHub Code: https://github.com/WebDevSimplified/react-hangman
Regular Expression Video: https://youtu.be/rhzKDrUiJVk
Array Methods Video: https://youtu.be/R8rmfD9Y5-c


🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00 - Introduction
00:27 - Demo/Setup
01:48 - Planning
05:00 - HTML/JSX
26:12 - Drawing Component Logic
28:55 - Word Component Logic
30:03 - Keyboard Logic
38:25 - Win/Lose Logic


#React #WDS #TypeScript

This Is A Great Beginner React/TypeScript Project

In this video we will build a clean coded responsive mobile friendly HTML5 website for a fictional web design company. We will go over semantic HTML tags like header and footer as well as the basics of HTML and CSS. This is a great project for beginners.

Like this? Check out my 21 hour HTML/CSS course:
https://www.udemy.com/course/modern-html-css-from-the-beginning/?referralCode=EB0470C43F3C3E9AA306

CODE DOWNLOAD:
http://www.traversymedia.com/downloads/acme_website.zip

SUGGESTED VIDEOS: 
HTML Crash Course For Absolute Beginners - 
https://www.youtube.com/watch?v=UB1O30fR-EE
Product Landing Page (CSS Grid) - https://www.youtube.com/watch?v=61R5kn_kYwY&feature=youtu.be

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

ONE TIME DONATIONS:
http://www.paypal.me/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

NEW DISCORD CHAT SERVER:
https://discord.gg/traversymedia

Build An HTML5 Website With A Responsive Layout

This complete 134-part JavaScript tutorial for beginners will teach you everything you need to know to get started with the JavaScript programming language.

⭐️Curriculum⭐️
This is a stand-alone video but it follows the JavaScript curriculum at freecodecamp.org. Access the curriculum here:
🔗 Basic JavaScript: https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/basic-javascript
🔗 ES6 JavaScript: https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/es6

⭐️Code⭐️
This course was created using scrimba.com. Access the course there along with the code:
🔗 Basic JavaScript: https://scrimba.com/playlist/pny4ghw
🔗 ES6 JavaScript: https://scrimba.com/playlist/p7v3gCd

🐦🐦 Follow course creator Beau Carnes on Twitter: https://www.twitter.com/BeauCarnes

⭐️Course Contents⭐️
0:00:00 Introduction
0:01:24 Running JavaScript
0:04:23 Comment Your Code
0:05:56 Declare Variables
0:06:15 Storing Values with the Assignment Operator
0:11:31 Initializing Variables with the Assignment Operator
0:11:58 Uninitialized Variables
0:12:40 Case Sensitivity in Variables
0:14:05 Basic Math
0:15:30 Increment and Decrement
0:16:22 Decimal Numbers
0:16:48 Multiply Two Decimals
0:17:18 Divide Decimals
0:17:33 Finding a Remainder
0:18:22 Augmented Math Operations
0:21:19 Declare String Variables
0:22:01 Escaping Literal Quotes
0:23:44 Quoting Strings with Single Quotes
0:25:18 Escape Sequences
0:26:46 Plus Operator
0:27:49 Plus Equals Operator
0:29:01 Constructing Strings with Variables
0:30:14 Appending Variables to Strings
0:31:11 Length of a String
0:32:01 Bracket Notation
0:33:27 Understand String Immutability
0:34:23 Find the Nth Character
0:36:28 Word Blanks
0:40:44 Arrays
0:41:43 Nest Arrays
0:42:33 Access Array Data
0:43:34 Modify Array Data
0:44:48 Access Multi-Dimensional Arrays
0:46:30 push()
0:47:29 pop()
0:48:33 shift()
0:49:23 unshift()
0:50:36 Shopping List
0:51:41 Write Reusable with Functions
0:53:41 Arguments
0:55:43 Global Scope
0:59:31 Local Scope
1:00:46 Global vs Local Scope in Functions
1:02:40 Return a Value from a Function
1:03:55 Undefined Value returned
1:04:52 Assignment with a Returned Value
1:05:52 Stand in Line
1:08:41 Boolean Values
1:09:24 If Statements
1:11:51 Equality Operators
1:19:17 And / Or Operators
1:21:37 Else Statements
1:22:27 Else If Statements
1:23:30 Logical Order in If Else Statements
1:24:45 Chaining If Else Statements
1:27:45 Golf Code
1:32:15 Switch Statements
1:41:11 Returning Boolean Values from Functions
1:42:20 Return Early Pattern for Functions
1:43:38 Counting Cards
1:49:11 Build Objects
1:50:46 Dot Notation
1:51:33 Bracket Notation
1:52:47 Variables
1:53:34 Updating Object Properties
1:54:30 Add New Properties to Object
1:55:19 Delete Properties from Object
1:55:54 Objects for Lookups
1:57:43 Testing Objects for Properties
1:59:15 Manipulating Complex Objects
2:01:00 Nested Objects
2:01:53 Nested Arrays
2:03:06 Record Collection
2:10:15 While Loops
2:11:35 For Loops
2:13:56 Odd Numbers With a For Loop
2:15:28 Count Backwards With a For Loop
2:17:08 Iterate Through an Array with a For Loop
2:19:43 Nesting For Loops
2:22:45 Do...While Loops
2:24:12 Profile Lookup
2:28:18 Random Fractions and Whole Numbers
2:31:46 parseInt Function
2:33:29 Ternary Operator
2:34:57 Multiple Ternary Operators
2:36:57 var vs let
2:41:32 const Keyword
2:43:40 Mutate an Array Declared with const
2:44:52 Prevent Object Mutation
2:47:17 Arrow Functions
2:53:04 Default Parameters
2:54:00 Rest Operator
2:55:31 Spread Operator
2:57:18 Destructuring Assignment
3:06:39 Template Literals
3:10:43 Simple Fields
3:12:24 Declarative Functions
3:12:56 class Syntax
3:15:11 getters and setters
3:20:25 import and export

🎥 Want something shorter? Here's a 63-second JavaScript course: https://www.youtube.com/watch?v=OXiyLaNo3NE

Learn JavaScript - Full Course for Beginners

Create React App is a plague and we're here to cure it. Please use Vite, NextJS, or Remix instead. Seriously, anything is better than this crap.

If this video is too long, you can skip to 1:01:06 for my "answer" on what to use instead :)

If you enjoyed this, make sure to stop by my streams and discord

Full VOD from this stream (lots of other fun stuff in it): https://www.youtube.com/watch?v=8qP2H1d8XXI

Streams: https://twitch.tv/theo
Discord: https://t3.gg/discord

Table Of Contents
0:00 - Intros and context
3:35 - Death By Polyfills
11:08 - Ground Rules
13:40 - What Is CRA?
17:04 - CRACO - Wrap Your Mistake In Mistakes
19:47 - How Things Are Changing
27:00 - Breaking down our options
35:08 - Actually Trying CRA
38:09 - History of NextJS
42:27 - Turning NextJS into CRA (by making it worse)
48:00 - Back to comparing options
56:00 - Vite?
1:01:06 - WHAT SHOULD I USE? (Skip here for the answer)
1:07:32 - How to transition off CRA?

STOP Using Create React App

In this WordPress course for beginners, you will learn how to to create responsive blogs and websites using a drag and drop interface.

Get a domain and hosting here: https://www.hostinger.com/start

✏️ Beau Carnes created this course. 

⭐️ Course Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:01:04) Setting up Hosting and Domain
⌨️ (0:06:46) Installing WordPress
⌨️ (0:07:54) WordPress Dashboard and Initial Settings
⌨️ (0:10:23) Installing WordPress Theme
⌨️ (0:15:30) Overview of Website
⌨️ (0:17:10) Customizing Title
⌨️ (0:19:18) Using Elementor to Edit Page
⌨️ (0:22:40) Adding Images
⌨️ (0:26:47) Customizing Website Elements
⌨️ (0:39:24) Updating Site Menu and Categories
⌨️ (0:42:35) Customizing Blog / Archive
⌨️ (0:46:04) Customizing Single Blog Post
⌨️ (0:47:22) Adding New Blog Post
⌨️ (0:51:10) Customizing About and Contact Page
⌨️ (0:53:47) Setting Up Website Forms Using WPForms
⌨️ (1:00:19) Making URLs Look Better
⌨️ (1:02:54) Updating Site for Responsive Design
⌨️ (1:04:47) Updating Footer
⌨️ (1:08:52) Creating New Pages
⌨️ (1:13:02) Improving SEO (Search Engine Optimization)
⌨️ (1:19:18) Conclusion

🏗 Hostinger provided a grant to make this course possible.

🎉 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

How to Make a WordPress Blog and Website – Tutorial for Beginners 2022

Supabase is the open-source Firebase alternative that features an impressive collection of tools like PostgreSQL, user authentication, serverless edge functions, and more. 

#programming #sql #100secondsofcode 

🔥 NEW! The Full Supabase Course 

https://fireship.io/courses/supabase/

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

- Supabase Docs https://supabase.com/docs
- Zack's Supabase Basics Video https://youtu.be/tUm1AlaMcMQ
- 5 Backends Compared https://youtu.be/SXmYUalHyYk

🔥 Get More Content - Upgrade to PRO

Upgrade at https://fireship.io/pro
Use code YT25 for 25% off PRO access 

🎨 My Editor Settings

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

🔖 Topics Covered

- What is Supabase?
- Supbase vs Firebase
- Getting started with Supabase
- Supabase Basics tutorial

Supabase in 100 Seconds

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