By the end of this Flexbox crash course, you will learn how to use Flexbox effectively by positioning elements wherever you like. Let's get started!

Get NordVPN ➜ https://go.nordvpn.net/SH3C1
⭐ SAVE 68% + 1 FREE Month + 30 Day Money Back Guarantee ⭐

🔔 SUBSCRIBE: http://bit.ly/Subscribe-Hong-Ly & turn on the notification bell to get more videos like this.

Related crash courses:
Grid: https://youtu.be/jD_R-aVjUTU
JavaScript: https://youtu.be/ooQdaRQmTdo
React: https://youtu.be/-sld1zTz3uY

🕒 Timestamps:
00:00 Intro
01:00 Create 3 images (card)
04:44 flex
05:44 justify-content
07:38 align-items
09:11 Center horizontally & vertically
09:44 align-content
11:37 flex-direction
12:50 flex-grow
15:04 flex-basis
15:40 flex shorthand
16:41 align-self
17:47 order
19:23 Refactoring
20:52 Flexbox guide
23:15 More examples
25:34 Outro

🌐 Website: https://honglytech.com
GitHub: https://github.com/lyhd
My course: https://honglytech.com/course

🌎 Find me on:
Facebook: https://www.facebook.com/honglytech
Instagram: https://www.instagram.com/hongly_tech
Twitter: https://twitter.com/honglytech
Discord: https://discord.gg/Acn6bpA8

#flexbox #css #course

In this JSDoc crash course, you will learn how to install JSDoc locally. More topics are covered such as different types (string, number or array), Object, Template, Class, Module, Tutorials, README and more.

Get NordVPN ➜ https://go.nordvpn.net/SH3C1
⭐ SAVE 68% + 1 FREE Month + 30 Day Money Back Guarantee ⭐

🔔 SUBSCRIBE: http://bit.ly/Subscribe-Hong-Ly & turn on the notification bell to get more videos like this.

💻 Source code: https://github.com/lyhd/jsdoc-crash-course

Related crash courses:
JavaScript: https://youtu.be/ooQdaRQmTdo
Async: https://youtu.be/RI490V7YOrE
React: https://youtu.be/-sld1zTz3uY

🕒 Timestamps:
00:00 Intro
00:42 Install JSDoc
03:19 Create config file
08:15 Run command
10:45 Run JSDoc in browser
11:41 String
13:48 Type checking
14:39 Number
15:40 Array
18:28 Object
21:27 Template
23:50 Function
28:28 Custom type
33:48 Class
40:04 Link
42:24 Module
47:54 Tutorials
53:51 Add text to Home
56:12 README
57:57 Recap
59:17 Outro

🌐 Website: https://honglytech.com
GitHub: https://github.com/lyhd
My course: https://honglytech.com/course

🛡️ COVID-19 Live Now: https://covid19livenow.com

🌎 Find me on:
Facebook: https://www.facebook.com/honglytech
Instagram: https://www.instagram.com/hongly_tech
Twitter: https://twitter.com/honglytech
Discord: https://discord.gg/Acn6bpA8

#jsdoc #javascript #documentation

In this new Async crash course, you will learn what Callbacks, Promises & Async/Await are. I will show you different examples and fetch data from a real server. Let's start!

Get NordVPN ➜ https://go.nordvpn.net/SH3C1
⭐ SAVE 68% + 1 FREE Month + 30 Day Money Back Guarantee ⭐

🔔 SUBSCRIBE: http://bit.ly/Subscribe-Hong-Ly & turn on the notification bell to get more videos like this.

💻 Source code: https://github.com/lyhd/async-crash-course

Related crash courses:
JavaScript: https://youtu.be/ooQdaRQmTdo
React: https://youtu.be/-sld1zTz3uY

🕒 Timestamps:
00:00 Intro
00:32 Synchronous function problem
06:24 Callbacks
08:40 Promises
13:02 Promise.all
16:44 Fetch data from server
20:50 Async/Await
25:58 Bonus: callbacks
36:16 Bonus: promises
44:04 Bonus: async/await
47:07 Recap
52:59 Outro

🌐 Website: https://honglytech.com
GitHub: https://github.com/lyhd
My course: https://honglytech.com/course

🛡️ COVID-19 Live Now: https://covid19livenow.com

🌎 Find me on:
Facebook: https://www.facebook.com/honglytech
Instagram: https://www.instagram.com/hongly_tech
Twitter: https://twitter.com/honglytech
Discord: https://discord.gg/Acn6bpA8

#async #callbacks #promises

By the end of this React Redux crash course, you will learn how Redux works in React. You will be introduced to different terms in Redux such as Store, Action, Reducer & Dispatch. I have a quick exercise for you to complete as well. Let's start!

Get NordVPN ➜ https://go.nordvpn.net/SH3C1
⭐ SAVE 68% + 1 FREE Month + 30 Day Money Back Guarantee ⭐

🔔 SUBSCRIBE: http://bit.ly/Subscribe-Hong-Ly & turn on the notification bell to get more videos like this.

💻 Source code: https://github.com/lyhd/react-redux-crash-course

Related crash courses:
React: https://youtu.be/-sld1zTz3uY
JavaScript: https://youtu.be/ooQdaRQmTdo

🕒 Timestamps:
00:00 Intro
00:49 Install React app
01:22 Diagram
05:21 Required libraries
08:46 All React Redux code in index.js
21:44 Folder structure
31:47 Provider
35:54 Buttons
40:55 Payload
42:59 Quick exercise
47:20 Outro

🌐 Website: https://honglytech.com
GitHub: https://github.com/lyhd
My course: https://honglytech.com/course

🛡️ COVID-19 Live Now: https://covid19livenow.com

🌎 Find me on:
Facebook: https://www.facebook.com/honglytech
Instagram: https://www.instagram.com/hongly_tech
Twitter: https://twitter.com/honglytech
Discord: https://discord.gg/Acn6bpA8

#redux #react #reactredux

In this React JS crash course, you will learn the following topics:
File structure, create components, JSX (styling in React), Routing, Props, Events, useState & useEffect (Hooks), Add pet function, Delete function, Build form using Material-UI (library from Google), Fetch data from server, PUT, DELETE, POST requests and many more.

Get NordVPN ➜ https://go.nordvpn.net/SH3C1
⭐ SAVE 68% + 1 FREE Month + 30 Day Money Back Guarantee ⭐

🔔 SUBSCRIBE: http://bit.ly/Subscribe-Hong-Ly & turn on the notification bell to get more videos like this.

💻 Source code: https://github.com/lyhd/reactjs-crash-course

Related crash courses:
React Redux: https://youtu.be/RPFr-hiFiU0
JavaScript: https://youtu.be/ooQdaRQmTdo

ℹ️ Websites used in this video:
https://reactjs.org/

🕒 Timestamps:
00:00 Intro
03:47 Create a new project
08:50 Folders & files
13:10 JSX
14:17 Writing first code
15:50 Fragments
16:55 Pages folder
18:12 File structure
19:27 Create components
20:04 Functional vs. Class components
22:31 Routing & Inline Styling
34:35 CSS
39:08 Quick recap
40:11 More styling
41:25 Props
45:57 PropTypes
51:23 Material-UI
55:18 Create a card
01:00:21 map function
01:04:07 useState Hook
01:06:01 Global state
01:10:17 Create pet component
01:17:07 Events
01:18:23 Delete function
01:20:04 Favorite icon
01:24:33 Favorite function
01:28:02 React Developer Tools
01:29:14 JSX expressions
01:30:18 Build a form
01:35:58 Input state
01:39:53 Submit form function
01:41:14 Add pet function
01:44:52 Create a Free REST API
01:47:21 useEffect Hook & fetch data
01:49:07 POST, DELETE & PUT requests
01:53:51 Testing
01:58:32 Grid & Responsiveness
02:05:22 Outro

🌐 Website: https://honglytech.com
GitHub: https://github.com/lyhd
My course: https://honglytech.com/course

🛡️ COVID-19 Live Now: https://covid19livenow.com

🌎 Find me on:
Facebook: https://www.facebook.com/honglytech
Instagram: https://www.instagram.com/hongly_tech
Twitter: https://twitter.com/honglytech
Discord: https://discord.gg/Acn6bpA8

#react #reactjs #course

In this video, I will show you how routing works in Next.js including pages and routes. Let's get started

Get Hostinger with 90% Off https://www.hostg.xyz/SH5yf​

🔔 SUBSCRIBE: http://bit.ly/Subscribe-Hong-Ly​ & turn on the notification bell to get more videos like this.

ℹ️ Websites used in this video:
https://nextjs.org/docs/routing/introduction

🌐 Website: https://honglytech.com​
GitHub: https://github.com/lyhd​
My course: https://honglytech.com/course​

🛡️ COVID-19 Live Now: https://covid19livenow.com​

🌎 Find me on:
Facebook: https://www.facebook.com/honglytech​
Instagram: https://www.instagram.com/hongly_tech​
Twitter: https://twitter.com/honglytech​
Discord: https://discord.gg/Acn6bpA8​

#next.js​ #tutorial​ #routing

You will be introduced to Next.js (SSR) and how to install a Next.js application on Windows.

My Udemy course: https://honglytech.com/course/

🔔 SUBSCRIBE: http://bit.ly/Subscribe-Hong-Ly & turn on notifications to find out when I upload new videos

ℹ️ Websites used in this video:
https://nextjs.org/
https://www.freecodecamp.org/news/why-you-should-learn-next-js-as-a-react-developer/

🕒 Timestamps:
00:00​ Intro
02:36 Set up Next.js environment
06:18 Install Next.js app

🌐 Website: https://honglytech.com
GitHub: https://github.com/lyhd
My course: https://honglytech.com/course
Discord: https://discord.gg/B4CfnAR8Fr

🛡️ COVID-19 Live Now: https://covid19livenow.com

🌎 Find me on:
Facebook: https://www.facebook.com/honglytech
Instagram: https://www.instagram.com/hongly_tech
Twitter: https://twitter.com/honglytech

#nextjs #tutorial #windows

Get Hostinger with 90% Off https://www.hostg.xyz/SH5yf

In this JavaScript crash course, you will learn the following topics:
Variables, Data types, Array, Object, Function and many more.

🔔 SUBSCRIBE: http://bit.ly/Subscribe-Hong-Ly & turn on the notification bell to get more videos like this.

Related crash courses:
React: https://youtu.be/-sld1zTz3uY
React Redux: https://youtu.be/RPFr-hiFiU0

ℹ️ Websites used in this video:
https://www.javascript.com/

🕒 Timestamps:
00:00 Introduction
01:19 Set up environment
02:25 Create a new project
03:18 Run JavaScript in browser
08:31 Run JavaScript using Node
12:18 Variables
15:37 Data types
23:36 Constants
25:46 Primitive type
26:36 Dynamic typing
27:50 Object
32:38 Array
36:42 Function
40:08 Arrow Function ES6
46:47 Outro

🌐 Website: https://honglytech.com
GitHub: https://github.com/lyhd
My course: https://honglytech.com/course

🛡️ COVID-19 Live Now: https://covid19livenow.com

🌎 Find me on:
Facebook: https://www.facebook.com/honglytech
Instagram: https://www.instagram.com/hongly_tech
Twitter: https://twitter.com/honglytech
Discord: https://discord.gg/Acn6bpA8

#javascript #tutorial #crashcourse

In this video, you will learn how to host a FREE React app using Vercel.

https://reactjs-free-hosting.vercel.app

🔔 SUBSCRIBE: http://bit.ly/Subscribe-Hong-Ly​ & turn on the notification bell to get more videos like this.

ℹ️ Website used in this video:
https://vercel.com

🕒 Timestamps:
00:00​ Intro
00:13 Set up GitHub Repo and React App
06:24 Host FREE React App

🌐 Website: https://honglytech.com
GitHub: https://github.com/lyhd
My course: https://honglytech.com/course
Discord: https://discord.gg/B4CfnAR8Fr

🛡️ COVID-19 Live Now: https://covid19livenow.com

🌎 Find me on:
Facebook: https://www.facebook.com/honglytech
Instagram: https://www.instagram.com/hongly_tech
Twitter: https://twitter.com/honglytech

#react #hosting #deploy

Get Hostinger with 90% Off https://www.hostg.xyz/SH5yf

In this TypeScript crash course, you will learn the following topics:
String, Number, Boolean, Array, Object, Class, Any, Void, Tuple, Tuple, Enum, Generics and more.

🔔 SUBSCRIBE: http://bit.ly/Subscribe-Hong-Ly & turn on the notification bell to get more videos like this.

ℹ️ Websites used in this video:
https://www.typescriptlang.org/

🕒 Timestamps:
00:00 Intro
02:38 Set up environment
06:39 console.log
09:25 String
12:49 Number
14:11 Boolean
15:47 Any
17:02 Union
18:17 Array string
20:54 Array number
22:39 Array boolean
24:36 Array mix
26:17 Tuple
28:33 Object
30:09 Type aliases
32:19 Function
34:27 Arrow function
36:36 Void
37:10 Interface
39:47 Interface with class
45:12 Refactor class
46:50 Dom manipulation & type casting
54:04 Generics
58:50 Enum
01:01:57 Outro

🌐 Website: https://honglytech.com
GitHub: https://github.com/lyhd
My course: https://honglytech.com/course

🛡️ COVID-19 Live Now: https://covid19livenow.com

🌎 Find me on:
Facebook: https://www.facebook.com/honglytech
Instagram: https://www.instagram.com/hongly_tech
Twitter: https://twitter.com/honglytech
Discord: https://discord.gg/Acn6bpA8

#typescript #tutorial #javascript