NaeuCode - Day #30 - Responsive Portfolio Website - Using HTML CSS & JavaScript - No Talking
✋? Hello Everyone .
? Day 30 - 100 days JavaScript coding .
? In this tutorial, I am gonna showing to you how to build a Responsive Portfolio Website project with JavaScript .
☕️ Every 2 Days I will update this playlist .
? Day 30 - Source Code : https://github.com/NaeuCode/100-days-of-javascript/tree/master/Day%20%2330%20-%20Responsive%20Portfolio%20Website
? Resources
Fonts: https://fonts.google.com/
CDN: https://cdnjs.com/libraries/font-awesome
Icon: https://fontawesome.com/
Icon: https://remixicon.com/
Icon: https://boxicons.com/
⌚ Timestamps
00:00 - Intro (Day #30)
01:32 - Main Codes
04:00 - Main Styles
06:18 - Navbar Section
09:30 - Navbar Styles
15:13 - Profile Section
20:55 - Profile Styles
28:45 - About Section
31:28 - About Styles
35:03 - Adding Sticky Navbar
36:09 - Skills Section
38:12 - Skills Styles
40:27 - Project Section
44:09 - Project Styles
47:40 - Contact Section
52:43 - Contact Styles
59:10 - Adding Focus Style on Contact Form - JS Code
01:04:35 - Styles Of Focus Part
01:05:53 - Copyright Part
01:07:16 - Scroll Top Part
01:10:56 - Scroll Top Js Codes
01:13:03 - Adding Underline Part - Js Codes
01:22:50 - Dark Theme Codes
01:24:23 - Dark Theme Js Codes
01:34:47 - Media Queries
01:38:03 - Adding Hamburger Menu
01:45:41 - Continuation of Media Queries
01:53:32 - Fixing Underline Bug
01:55:52 - Final Result
❤️ Support me with a like + A Subscription. ?
? Instagram
https://www.instagram.com/naeucode
? Music : Keys of Moon - Spring Flowers
Keywords :
ASMR Programming HTML,ASMR Programming CSS,ASMR Programming JavaScript,ASMR web design,ASMR coding html,HTML Tutorial,CSS Tutorial,JavaScript Basics,Web Development,Responsive Design,CSS Grid Layout,Flexbox Tutorial,JavaScript DOM Manipulation,HTML Forms,CSS,Animations,JavaScript Events,CSS Flexbox Layout,HTML5 Canvas,JavaScript ES6 Features,CSS Transitions and Transformations,Frontend,Development,Building a Website with HTML and CSS
#naeucode #portfolio #javascript
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «NaeuCode - Day #30 - Responsive Portfolio Website - Using HTML CSS & JavaScript - No Talking», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.