Google Contacts FullStack Clone With HTML5+SASS+Javascript + Nodejs + Express.js + MySQL - Part 12 смотреть онлайн
Google Contacts FullStack Clone With HTML5+SASS+Javascript + Nodejs + Express.js + MySQL - Part 12
In this video we achieved following targets:
Made search input functional and dynamic.
Made the labels list dynamic in sidebar and implemented full CRUD operations on it like get rows, delete, update and create.
Further you will learn following:
How to implement CRUD operations in HTML, CSS, Javascript, Node.js and MySQL?
How to implement search feature in javascript and express.js?
Source Code:
https://gitlab.com/a10762/Youtube/Courses/Contacts-Web-App-with-HTML5-CSS3-Javascript-Node.js-Express.js-and-MySQL
This is the complete playlist of this series:
https://www.youtube.com/watch?v=cg1eaPtKHFg&list=PL2NDx92_iOAHs7Ogtl_bUkIGKXHuUoGGd
====================
Chapters:
====================
00:00 Demo
01:58 Making search feature dynamic and functional
09:40 Search: Create REST API Endpoint in express to search for contacts
16:58 Search: Consuming search REST API Endpoint in the frontend and rendering HTML based on response from REST API
28:32 Making Labels Functional and Dynamic
30:28 Labels: Create "label" table to store labels
35:48 Labels: Create REST API Endpoint for getting labels in Node.js and Express.js
37:10 Labels: Consuming REST API endpoint GET "/label" in frontend and render HTML through Javascript by using the response.
47:09 Labels: Create Labels implementation in frontend and backend
1:00:26 Labels: Delete Label implementation
1:02:22 Delete Label: Creating REST API endpoint DELETE "/label" in Node.js and Express.js
1:05:04 Edit Label: Prepare UI to update label and code refactoring to reuse the existing create-label-UI for updating purpose
1:22:27 Edit Label: Creating REST API Endpoint Patch "/label" in node.js and express.js to update label in MySQL
======================
Other useful Courses:
Create WhatsApp Desktop UI Clone with Angular:
https://www.youtube.com/watch?v=b-obZ8ZloIc&list=PL2NDx92_iOAF9vKwdgC88NuMJpVCVt7oR
Todo App in Angular Material (Angular 8)
https://www.youtube.com/watch?v=FVVlSh8PwtE&list=PL2NDx92_iOAH-yLiGOkJqvG51_SGvpMGQ
Please subscribe to my youtube channel from the link below:
https://www.youtube.com/channel/UCL5nKCmpReJZZMe9_bYR89w?sub_confirmation=1
============
Blog: https://www.ayyaztech.com
The Best Hosting Company I use is Hostinger:
https://www.hostg.xyz/SH71Z
The Payment Platform I like is Payoneer:
https://bit.ly/2HbTXF2
#fullstackProject #javascriptCourse #fullStackCourse
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Google Contacts FullStack Clone With HTML5+SASS+Javascript + Nodejs + Express.js + MySQL - Part 12» бесплатно и без регистрации, вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.