Project JavaScript – Interactive header, mobile menu, & form validation | Part 7 | Create a website
In this video, we continue with our project and add interactivity using JavaScript. In this video, you will learn how to select DOM element (HTML elements) using JavaScript. You will learn how to add and remove classes. We will make our search form appear, show the mobile menu, and change the navigation background color on scroll. Then, we move to create a basic form validation for contact form.
This is the last video in this playlist and I hope this tutorial series help you on your journey of web development. Thank you very much for watching. God bless you!
Download starter files (Click the "DOWNLOAD ALL" button):
https://drive.google.com/drive/folders/1pCmBSoBC6S0ExEQw08y-1qxGM1yz0XVa?usp=sharing
Part 1 - Beginner HTML Crash Course | Part 1 - https://youtu.be/hA3ET0sEFmM
Part 2 - Beginner CSS Crash Course | Part 2 - https://youtu.be/GE4wIhHNXTk
Part 3 - Beginner SASS (SCSS) Crash Course | Part 3 - https://youtu.be/RNc2XYmIch0
Part 4 - Beginner JavaScript Crash Course | Part 4 - https://youtu.be/QtbNQRwaW6c
Part 5 – Project Setup – The HTML | Part 5 - https://youtu.be/uvw8NDBOenk
Last week video:
Part 6.1 – Project Setup – SCSS Setup | Part 6.1 - https://youtu.be/ILwBnCEkv2M
Part 6.2 – Project Styling – Header, Hero, and Portfolio section | Part 6.2 - https://youtu.be/Lo1uU0c9AGI
Part 6.3 - Project Styling – About, Contact, and Footer section | Part 6.3 - https://youtu.be/toiDkTmeXxM
Code editor choices:
Notepad++ - https://notepad-plus-plus.org/downloads/
Sublime Text - https://www.sublimetext.com/
Brackets - http://brackets.io/
Atom - https://atom.io/
Visual Studio Code - https://code.visualstudio.com/
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Project JavaScript – Interactive header, mobile menu, & form validation | Part 7 | Create a website», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.