In this Angular crash course, you will learn to build a real-world project using Angular 12.

🔔 SUBSCRIBE for more:
http://bit.ly/Subscribe-Hong-Ly

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

ℹ️ References:
https://angular.io/

🔥 Useful:
► Hostinger web hosting for your mission: https://www.hostg.xyz/SH5yf
► Bluehost build and grow your website without breaking a sweat: https://www.bluehost.com/track/hongly/
► Namecheap bring your ideas to life: https://honglytech.com/namecheap
► Squarespace everything you need to grow online: https://squarespace.syuh.net/bW9KB
► Wix create a website you’re proud of: https://wixstats.com/?a=37210&c=2611&s1=hongly

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

❤️ Support the channel:
https://ko-fi.com/hongly

🌎 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/B4CfnAR8Fr

🎬 My gear:
Camera (Canon PowerShot G7 X Mark II): https://amzn.to/3ddGNHL
Microphone (FIFINE K669B): https://amzn.to/3qotmKa

🕒 Timestamps:
00:00:00 Intro
00:04:15 Install Angular
00:07:52 Folder structure
00:12:54 Create a new component
00:19:18 Angular material
00:26:47 Card component explanation
00:29:48 Pets component
00:32:36 Fake data
00:36:50 Load data to card
00:42:43 Grid system
00:48:27 Create a service
00:53:44 Create a free REST API
00:56:24 Get request - show all cards
01:00:58 Add condition to button
01:02:13 PUT request - favorite icon
01:10:48 DELETE request - remove card
01:20:38 Build a form
01:30:39 POST request - add new card
01:38:49 Routing - about page
01:46:49 Outro

#angular #angularmaterial #angular12

Some of the links and other products that appear on this video are from companies for which Hong Ly will earn an affiliate commission or referral bonus. Hong Ly is part of an affiliate network and receives compensation for sending traffic to partner sites. The content in this video is accurate as of the posting date. Some of the offers mentioned may no longer be available.

Learn to fetch data from the database in 5 different ways.

Hostinger Anniversary Deal ➜ https://bit.ly/3z6Ahvq
⭐ Get a Free .COM domain with Premium Plan for 12+ months. Free SSL and Cloudflare included

🔔 SUBSCRIBE for more:
http://bit.ly/Subscribe-Hong-Ly

💻 Source code:
https://github.com/lyhd/react-5-ways-fetching

🔗 Related crash courses:
React Query: https://youtu.be/yq647-WW42s
Async: https://youtu.be/RI490V7YOrE
Redux Toolkit RTK Query: https://youtu.be/9V-Up8QT7tM

ℹ️ References:
https://reactjs.org/docs/faq-ajax.html

🔥 Useful:
► Hostinger web hosting for your mission: https://www.hostg.xyz/SH5yf
► Bluehost build and grow your website without breaking a sweat: https://www.bluehost.com/track/hongly/
► Namecheap bring your ideas to life: https://honglytech.com/namecheap
► Squarespace everything you need to grow online: https://squarespace.syuh.net/bW9KB
► Wix create a website you’re proud of: https://wixstats.com/?a=37210&c=2611&s1=hongly

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

💼 Business inquiries:
E-mail: contact@honglytech.com

❤️ Support the channel:
https://ko-fi.com/hongly

🌎 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/B4CfnAR8Fr

🎬 My gear:
Camera (Canon PowerShot G7 X Mark II): https://amzn.to/3ddGNHL
Microphone (FIFINE K669B): https://amzn.to/3qotmKa

🕒 Timestamps:
00:00 Intro
01:36 1st option
08:03 2nd option
11:31 3rd option
15:39 4th option
18:02 5th option

#reactjs #axios #reactquery

⚠️ Disclaimer:
Some of the links and other products that appear on this video are from companies for which Hong Ly will earn an affiliate commission or referral bonus. Hong Ly is part of an affiliate network and receives compensation for sending traffic to partner sites. The content in this video is accurate as of the posting date. Some of the offers mentioned may no longer be available.

Learn to deploy React app to AWS Amplify in 10 minutes

Hostinger Anniversary Deal ➜ https://bit.ly/3z6Ahvq
⭐ Get a Free .COM domain with Premium Plan for 12+ months. Free SSL and Cloudflare included

🔔 SUBSCRIBE for more:
http://bit.ly/Subscribe-Hong-Ly

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

ℹ️ References:
https://aws.amazon.com/amplify/

🔥 Useful:
► Hostinger web hosting for your mission: https://www.hostg.xyz/SH5yf
► Bluehost build and grow your website without breaking a sweat: https://www.bluehost.com/track/hongly/
► Namecheap bring your ideas to life: https://honglytech.com/namecheap
► Squarespace everything you need to grow online: https://squarespace.syuh.net/bW9KB
► Wix create a website you’re proud of: https://wixstats.com/?a=37210&c=2611&s1=hongly

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

💼 Business inquiries:
E-mail: contact@honglytech.com

❤️ Support the channel:
https://ko-fi.com/hongly

🌎 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/B4CfnAR8Fr

🎬 My gear:
Camera (Canon PowerShot G7 X Mark II): https://amzn.to/3ddGNHL
Microphone (FIFINE K669B): https://amzn.to/3qotmKa

#reactjs #aws #hosting

⚠️ Disclaimer:
Some of the links and other products that appear on this video are from companies for which Hong Ly will earn an affiliate commission or referral bonus. Hong Ly is part of an affiliate network and receives compensation for sending traffic to partner sites. The content in this video is accurate as of the posting date. Some of the offers mentioned may no longer be available.

TypeDoc is a documentation generator for TypeScript projects. Let's learn together!

🔔 SUBSCRIBE for more:
http://bit.ly/Subscribe-Hong-Ly

🔗 Related crash courses:
TypeScript: https://youtu.be/cNEGRq29jRc
JSDoc: https://youtu.be/lTCadytiCNs

ℹ️ References:
https://typedoc.org/

🔥 Useful:
► Hostinger web hosting for your mission: https://www.hostg.xyz/SH5yf
► Bluehost build and grow your website without breaking a sweat: https://www.bluehost.com/track/hongly/
► Namecheap bring your ideas to life: https://honglytech.com/namecheap
► Squarespace everything you need to grow online: https://squarespace.syuh.net/bW9KB
► Wix create a website you’re proud of: https://wixstats.com/?a=37210&c=2611&s1=hongly

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

❤️ Support the channel:
https://ko-fi.com/hongly

🌎 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/B4CfnAR8Fr

🎬 My gear:
Camera (Canon PowerShot G7 X Mark II): https://amzn.to/3ddGNHL
Microphone (FIFINE K669B): https://amzn.to/3qotmKa

🕒 Timestamps:
00:00 Intro
00:25 Install TypeScript
01:52 Function
03:44 Class
06:24 Install TypeDoc
08:53 Comments
12:06 Generate documentation

#typedoc #typescript #documentation

⚠️ Disclaimer:
Some of the links and other products that appear on this video are from companies for which Hong Ly will earn an affiliate commission or referral bonus. Hong Ly is part of an affiliate network and receives compensation for sending traffic to partner sites. The content in this video is accurate as of the posting date. Some of the offers mentioned may no longer be available.

Microservices, also known as "microservice architecture" is an approach in which a single application is composed of many independently deployable smaller services. If one service goes down, other services will still work fine. In this course, you will learn how to implement RabbitMQ as a message broker. Let's go!

Hostinger Anniversary Deal ➜ https://bit.ly/3z6Ahvq
⭐ Get a Free .COM domain with Premium Plan for 12+ months. Free SSL and Cloudflare included

🔔 SUBSCRIBE for more:
http://bit.ly/Subscribe-Hong-Ly

💻 Source code:
https://github.com/lyhd/microservices-nodejs

🔗 Related crash courses:
Node.js: https://www.youtube.com/playlist?list=PL2adUX6Utt_37VQ-k93qqpLMhjY60wvFt

ℹ️ References:
https://www.rabbitmq.com/tutorials/amqp-concepts.html
https://ncube.com/blog/microservices-vs-monolithic-which-architecture-suits-best-for-your-project

🔥 Useful:
► Hostinger web hosting for your mission: https://www.hostg.xyz/SH5yf
► Bluehost build and grow your website without breaking a sweat: https://www.bluehost.com/track/hongly/
► Namecheap bring your ideas to life: https://honglytech.com/namecheap
► Squarespace everything you need to grow online: https://squarespace.syuh.net/bW9KB
► Wix create a website you’re proud of: https://wixstats.com/?a=37210&c=2611&s1=hongly

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

❤️ Support the channel:
https://ko-fi.com/hongly

🌎 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/B4CfnAR8Fr

🎬 My gear:
Camera (Canon PowerShot G7 X Mark II): https://amzn.to/3ddGNHL
Microphone (FIFINE K669B): https://amzn.to/3qotmKa

🕒 Timestamps:
00:00 Intro
01:21 Install Docker
03:25 How microservices work
06:34 Folder structure
09:41 Publisher
20:35 Consumer
26:36 Send data via POST request

#microservices #rabbitmq #messagebroker

⚠️ Disclaimer:
Some of the links and other products that appear on this video are from companies for which Hong Ly will earn an affiliate commission or referral bonus. Hong Ly is part of an affiliate network and receives compensation for sending traffic to partner sites. The content in this video is accurate as of the posting date. Some of the offers mentioned may no longer be available.

In this crash course, you will learn unit testing in React and how to implement it using Jest and React Testing Library. Snapshot testing is also discussed in this video. Happy learning!

Hostinger Anniversary Deal ➜ https://bit.ly/3z6Ahvq
⭐ Get a Free .COM domain with Premium Plan for 12+ months. Free SSL and Cloudflare included

🔔 SUBSCRIBE for more:
http://bit.ly/Subscribe-Hong-Ly

💻 Source code:
https://github.com/lyhd/unit-testing-react

🔗 Related crash courses:
JavaScript Unit Testing: https://youtu.be/NKw0x-tIhyo

ℹ️ References:
https://www.npmjs.com/package/react-test-renderer

🔥 Useful:
► Hostinger web hosting for your mission: https://www.hostg.xyz/SH5yf
► Bluehost build and grow your website without breaking a sweat: https://www.bluehost.com/track/hongly/
► Namecheap bring your ideas to life: https://honglytech.com/namecheap
► Squarespace everything you need to grow online: https://squarespace.syuh.net/bW9KB
► Wix create a website you’re proud of: https://wixstats.com/?a=37210&c=2611&s1=hongly

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

❤️ Support the channel:
https://ko-fi.com/hongly

🌎 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/B4CfnAR8Fr

🎬 My gear:
Camera (Canon PowerShot G7 X Mark II): https://amzn.to/3ddGNHL
Microphone (FIFINE K669B): https://amzn.to/3qotmKa

🕒 Timestamps:
00:00 Intro
00:42 Users component
04:00 First test
10:53 Users test
22:18 Snapshot testing
28:40 Unit testing vs. Snapshot testing

#unittesting #jest #snapshot

⚠️ Disclaimer:
Some of the links and other products that appear on this video are from companies for which Hong Ly will earn an affiliate commission or referral bonus. Hong Ly is part of an affiliate network and receives compensation for sending traffic to partner sites. The content in this video is accurate as of the posting date. Some of the offers mentioned may no longer be available.

Jest is a JavaScript testing framework with a focus on simplicity. You will learn how to create different tests with Jest in JavaScript and why we need to learn unit testing. Really? Let's go!

Hostinger Anniversary Deal ➜ https://bit.ly/3z6Ahvq
⭐ Get a Free .COM domain with Premium Plan for 12+ months. Free SSL and Cloudflare included

🔔 SUBSCRIBE for more:
http://bit.ly/Subscribe-Hong-Ly

💻 Source code:
https://github.com/lyhd/unit-testing-jest-javascript

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

ℹ️ References:
https://jestjs.io/

🔥 Useful:
► Hostinger web hosting for your mission: https://www.hostg.xyz/SH5yf
► Bluehost build and grow your website without breaking a sweat: https://www.bluehost.com/track/hongly/
► Namecheap bring your ideas to life: https://honglytech.com/namecheap
► Squarespace everything you need to grow online: https://squarespace.syuh.net/bW9KB
► Wix create a website you’re proud of: https://wixstats.com/?a=37210&c=2611&s1=hongly

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

❤️ Support the channel:
https://ko-fi.com/hongly

🌎 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/B4CfnAR8Fr

🎬 My gear:
Camera (Canon PowerShot G7 X Mark II): https://amzn.to/3ddGNHL
Microphone (FIFINE K669B): https://amzn.to/3qotmKa

🕒 Timestamps:
00:00 Intro
00:54 Install Jest
03:18 Calculator
10:39 Null & falsy
14:28 Less/greater than
17:46 Regex
22:49 Array
24:25 Object
31:14 Coverage
32:30 Fetch users
38:08 Why Unit Testing?

#jest #unittesting #javascript

⚠️ Disclaimer:
Some of the links and other products that appear on this video are from companies for which Hong Ly will earn an affiliate commission or referral bonus. Hong Ly is part of an affiliate network and receives compensation for sending traffic to partner sites. The content in this video is accurate as of the posting date. Some of the offers mentioned may no longer be available.

React Query is Hooks for fetching, caching and updating asynchronous data in React all without touching any "global state" like Redux. We will learn how to fetch a list of users from a database. Let's get started!

Hostinger Anniversary Deal ➜ https://bit.ly/3z6Ahvq
⭐ Get a Free .COM domain with Premium Plan for 12+ months. Free SSL and Cloudflare included

🔔 SUBSCRIBE for more:
http://bit.ly/Subscribe-Hong-Ly

🔗 Related crash courses:
React Redux: https://youtu.be/RPFr-hiFiU0
Redux Saga: https://youtu.be/6GvMQ0vMXQU
Redux Thunk: https://youtu.be/lSSQ1r8zgtY
Redux Toolkit: https://youtu.be/7ujSgXRnyig

ℹ️ References:
https://react-query.tanstack.com/

🔥 Useful:
► Hostinger web hosting for your mission: https://www.hostg.xyz/SH5yf
► Bluehost build and grow your website without breaking a sweat: https://www.bluehost.com/track/hongly/
► Namecheap bring your ideas to life: https://honglytech.com/namecheap
► Squarespace everything you need to grow online: https://squarespace.syuh.net/bW9KB
► Wix create a website you’re proud of: https://wixstats.com/?a=37210&c=2611&s1=hongly

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

❤️ Support the channel:
https://ko-fi.com/hongly

🌎 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/B4CfnAR8Fr

🎬 My gear:
Camera (Canon PowerShot G7 X Mark II): https://amzn.to/3ddGNHL
Microphone (FIFINE K669B): https://amzn.to/3qotmKa

🕒 Timestamps:
00:00 Intro
00:31 Overview
01:43 User component
07:34 App component
15:39 React Query vs. Redux
16:48 Outro

#reactquery #query #reactjs

⚠️ Disclaimer:
Some of the links and other products that appear on this video are from companies for which Hong Ly will earn an affiliate commission or referral bonus. Hong Ly is part of an affiliate network and receives compensation for sending traffic to partner sites. The content in this video is accurate as of the posting date. Some of the offers mentioned may no longer be available.

RTK Query is a powerful data fetching and caching tool. RTK Query is already included in the @reduxjs/toolkit library as an additional addon, so you do not need to use the RTK Query APIs. We will learn how to fetch data using this tool. Let's jump into it!

Hostinger Anniversary Deal ➜ https://bit.ly/3z6Ahvq
⭐ Get a Free .COM domain with Premium Plan for 12+ months. Free SSL and Cloudflare included

🔔 SUBSCRIBE for more:
http://bit.ly/Subscribe-Hong-Ly

💻 Source code:
https://github.com/lyhd/react-redux-toolkit-rtk-query

🔗 Related crash courses:
React Redux Toolkit: https://youtu.be/7ujSgXRnyig
React Redux: https://youtu.be/RPFr-hiFiU0
React Redux Saga: https://youtu.be/6GvMQ0vMXQU
React Redux Thunk: https://youtu.be/lSSQ1r8zgtY

ℹ️ References:
https://redux-toolkit.js.org/rtk-query/overview

🔥 Useful:
► Hostinger web hosting for your mission: https://www.hostg.xyz/SH5yf
► Bluehost build and grow your website without breaking a sweat: https://www.bluehost.com/track/hongly/
► Namecheap bring your ideas to life: https://honglytech.com/namecheap
► Squarespace everything you need to grow online: https://squarespace.syuh.net/bW9KB
► Wix create a website you’re proud of: https://wixstats.com/?a=37210&c=2611&s1=hongly

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

❤️ Support the channel:
https://ko-fi.com/hongly

🌎 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/B4CfnAR8Fr

🎬 My gear:
Camera (Canon PowerShot G7 X Mark II): https://amzn.to/3ddGNHL
Microphone (FIFINE K669B): https://amzn.to/3qotmKa

🕒 Timestamps:
00:00 Intro
00:30 Overview
01:09 Refresh memory
02:53 Create API slice
08:30 Configure store
11:44 index.js
12:26 Display users

#rtkquery #redux #reduxtoolkit

⚠️ Disclaimer:
Some of the links and other products that appear on this video are from companies for which Hong Ly will earn an affiliate commission or referral bonus. Hong Ly is part of an affiliate network and receives compensation for sending traffic to partner sites. The content in this video is accurate as of the posting date. Some of the offers mentioned may no longer be available.

In this crash course, we will learn how to fetch data using Redux Toolkit in React. createAsyncThunk a function that accepts a Redux action type string and a callback function that returns a promise. Action types include pending, fulfilled and rejected. Let's go!

Hostinger Anniversary Deal ➜ https://bit.ly/3z6Ahvq
⭐ Get a Free .COM domain with Premium Plan for 12+ months. Free SSL and Cloudflare included

🔔 SUBSCRIBE for more:
http://bit.ly/Subscribe-Hong-Ly

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

🔗 Related crash courses:
React Redux: https://youtu.be/RPFr-hiFiU0
React Redux Saga: https://youtu.be/6GvMQ0vMXQU
React Redux Thunk: https://youtu.be/lSSQ1r8zgtY

ℹ️ References:
https://redux-toolkit.js.org/

🔥 Useful:
► Hostinger web hosting for your mission: https://www.hostg.xyz/SH5yf
► Bluehost build and grow your website without breaking a sweat: https://www.bluehost.com/track/hongly/
► Namecheap bring your ideas to life: https://honglytech.com/namecheap
► Squarespace everything you need to grow online: https://squarespace.syuh.net/bW9KB
► Wix create a website you’re proud of: https://wixstats.com/?a=37210&c=2611&s1=hongly

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

❤️ Support the channel:
https://ko-fi.com/hongly

🌎 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/B4CfnAR8Fr

🎬 My gear:
Camera (Canon PowerShot G7 X Mark II): https://amzn.to/3ddGNHL
Microphone (FIFINE K669B): https://amzn.to/3qotmKa

🕒 Timestamps:
00:00 Intro
00:17 Refresh memory
02:38 Install Redux Toolkit
03:03 usersSlice using createAsyncThunk
11:30 Create store
14:31 Display users

#redux #reduxtoolkit #reactjs

⚠️ Disclaimer:
Some of the links and other products that appear on this video are from companies for which Hong Ly will earn an affiliate commission or referral bonus. Hong Ly is part of an affiliate network and receives compensation for sending traffic to partner sites. The content in this video is accurate as of the posting date. Some of the offers mentioned may no longer be available.