Плавный переход между страницами сайта
Сегодня будем делать переход между страницами сайта без перезагрузки, очень полезная штука для вашего развития как веб разработчика. После этого видео вы с легкостью сможете внедрять такое в своих проектах. Поработаем в основном с barba.js, заказчик будет в восторге.
📺 YouTube
WebDEV #видео
Сегодня будем делать переход между страницами сайта без перезагрузки, очень полезная штука для вашего развития как веб разработчика. После этого видео вы с легкостью сможете внедрять такое в своих проектах. Поработаем в основном с barba.js, заказчик будет в восторге.
📺 YouTube
WebDEV #видео
YouTube
Плавный переход между страницами сайта, barba.js, GSAP
Друзья, поезд тронулся )) сегодня будем делать переход между страницами сайта без перезагрузки, очень полезная штука для вашего развития как веб разработчика. После этого видео вы с легкостью сможете внедрять такое в своих проектах. Поработаем в основном…
Дизайн реального проекта на фрилансе. Редизайним главную страницу сайта в фигме
Новый ролик из рубрики: «как я это нафрилансил?» в которой показываю свои реальные проекты для реальных заказчиков. Но теперь буду показывать какие кнопки нажимаю в Фигме в процессе работы над дизайном сайта.
📺 YouTube
WebDEV #видео
Новый ролик из рубрики: «как я это нафрилансил?» в которой показываю свои реальные проекты для реальных заказчиков. Но теперь буду показывать какие кнопки нажимаю в Фигме в процессе работы над дизайном сайта.
📺 YouTube
WebDEV #видео
YouTube
Дизайн реального проекта на фрилансе. Редизайним главную страницу сайта в фигме
#alexeybychkov #ityoutubersru #webdesign
Новый ролик из рубрики: «как я это нафрилансил?» в которой показываю свои реальные проекты для реальных заказчиков. Но теперь буду показывать какие кнопки нажимаю в Фигме в процессе работы над дизайном сайта
Анимация…
Новый ролик из рубрики: «как я это нафрилансил?» в которой показываю свои реальные проекты для реальных заказчиков. Но теперь буду показывать какие кнопки нажимаю в Фигме в процессе работы над дизайном сайта
Анимация…
10 горячих клавиш в VS Code, которые ускорят твою верстку
Решил записать видео по топ хоткеям, которые не только ускорят Вашу верстку, но и сделают ее намного комфортнее, а в итоге вы будете больше получать кайфа от нашей работы!
📺 YouTube
WebDEV #видео
Решил записать видео по топ хоткеям, которые не только ускорят Вашу верстку, но и сделают ее намного комфортнее, а в итоге вы будете больше получать кайфа от нашей работы!
📺 YouTube
WebDEV #видео
YouTube
10 горячих клавиш в VS Code, которые ускорят твою верстку
Друзья, решил записать видео по топ хоткеям, которые не только ускорят Вашу верстку, но и сделают ее намного комфортнее, а в итоге Вы будете больше получать кайфа от нашей работы!
-----------------------------------
Мой курс по верстке - https://from0to1.com.ua/…
-----------------------------------
Мой курс по верстке - https://from0to1.com.ua/…
Делаем анимацию при прокрутке на JavaScript
Анимация при прокрутке страницы это, пожалуй, самое удобное, что можно сделать с сайтом, используя JavaScript.
В этом видео автор покажет, как сделать такую анимацию на CSS и JavaScript, без использования тяжёлых сторонних библиотек.
📺 YouTube
WebDEV #видео
Анимация при прокрутке страницы это, пожалуй, самое удобное, что можно сделать с сайтом, используя JavaScript.
В этом видео автор покажет, как сделать такую анимацию на CSS и JavaScript, без использования тяжёлых сторонних библиотек.
📺 YouTube
WebDEV #видео
YouTube
Анимация при прокрутке (скролле) страницы на HTML CSS и JavaScript
Анимация при прокрутке (скролле) страницы очень полезно для повышения удобства пользования вашим сайтом. К тому же это очень красиво и современно. В этом видео я пошагово покажу как анимировать элементы при прокрутке страницы без тяжелых библиотек используя…
Топ темы для VS Code. Мой список. Настройки редактора. Шрифт с лигатурами
Подборка тем для VS Code и визуальные настройки редактора. Ayu, Palenight, Material theme. Шрифт Fira Code, лигатуры и высота строки.
📺 YouTube
WebDEV #видео
Подборка тем для VS Code и визуальные настройки редактора. Ayu, Palenight, Material theme. Шрифт Fira Code, лигатуры и высота строки.
📺 YouTube
WebDEV #видео
YouTube
Топ темы для VS Code. Мой список. Настройки редактора. Шрифт с лигатурами
Подборка тем для VS Code и визуальные настройки редактора. Ayu, Palenight, Material theme. Шрифт Fira Code, лигатуры и высота строки.
Материалы ВебКадеми на всех площадках: https://webcademy.ru/taplink/
:::::::::::::::::::::::::::::::::::::::::::::::::…
Материалы ВебКадеми на всех площадках: https://webcademy.ru/taplink/
:::::::::::::::::::::::::::::::::::::::::::::::::…
Универсальный стартовый шаблон для твоих Пэт-проектов с JS, SASS и Vite
– Какие технологии выбрать для своего пет проекта?
– Как развернуть проект и заставить всё работать вместе?
– Какую структуру папок использовать?
Всё это вы узнаете, досмотрев ролик до конца. В нём я познакомлю Вас с Vite, помогу создать универсальный шаблон для проекта на JS с нуля и научу работать с этим шаблоном!
📺 YouTube
WebDEV #видео
– Какие технологии выбрать для своего пет проекта?
– Как развернуть проект и заставить всё работать вместе?
– Какую структуру папок использовать?
Всё это вы узнаете, досмотрев ролик до конца. В нём я познакомлю Вас с Vite, помогу создать универсальный шаблон для проекта на JS с нуля и научу работать с этим шаблоном!
📺 YouTube
WebDEV #видео
YouTube
Универсальный СТАРТОВЫЙ ШАБЛОН для твоих пэт-проектов с JS, SASS и Vite [2023]
* ИНТЕНСИВ "ИГРА НА ЧИСТОМ JS": https://pomazkovjs-hangman.ru/
⭐ Поддержать донатом: https://boosty.to/pomazkovjs/single-payment/donation/500599/
– Какие технологии выбрать для своего пет проекта?
– Как развернуть проект и заставить всё работать вместе?…
⭐ Поддержать донатом: https://boosty.to/pomazkovjs/single-payment/donation/500599/
– Какие технологии выбрать для своего пет проекта?
– Как развернуть проект и заставить всё работать вместе?…
Резюме frontend веб разработчика. Что написать в блоке "профессиональные навыки"
Как оформить блок "Профессиональные навыки" в резюме для frontend разработчика, веб-разработчика. Разбираем на реальном примере. Исправляем ошибки. Стратегия для новичка и для разработчика с опытом.
📺 YouTube
WebDEV #видео
Как оформить блок "Профессиональные навыки" в резюме для frontend разработчика, веб-разработчика. Разбираем на реальном примере. Исправляем ошибки. Стратегия для новичка и для разработчика с опытом.
📺 YouTube
WebDEV #видео
YouTube
Резюме frontend веб разработчика. Что написать в блоке "Профессиональные навыки"
Как оформить блок "Профессиональные навыки" в резюме для frontend разработчика, веб-разработчика. Разбираем на реальном примере. Исправляем ошибки. Стратегия для новичка и для разработчика с опытом.
Материалы ВебКадеми на всех площадках: https://webcademy.ru/taplink/…
Материалы ВебКадеми на всех площадках: https://webcademy.ru/taplink/…
SVG Explained за 100 секунд
Что такое Scalable Vector Graphics? Чем векторные изображения отличаются от растровых? Изучите основы SVG за 100 секунд!
📺 YouTube
WebDEV #видео #svg #web
Что такое Scalable Vector Graphics? Чем векторные изображения отличаются от растровых? Изучите основы SVG за 100 секунд!
📺 YouTube
WebDEV #видео #svg #web
YouTube
Make Awesome SVG Animations with CSS // 7 Useful Techniques
Learn 7 useful SVG animation techniques to make beautiful graphics for your website. In this tutorial, we'll build two different SVGs from scratch and animate them CSS. Source code: https://github.com/fireship-io/animated-svg-demo
00:00 What we're building…
00:00 What we're building…
WebRTC за 100 секунд
WebRTC — это технология, которая создает соединение в реальном времени между браузерами, где пользователи могут обмениваться аудио / видеопотоками.
📺 YouTube
WebDEV #видео #WebRTC #web
WebRTC — это технология, которая создает соединение в реальном времени между браузерами, где пользователи могут обмениваться аудио / видеопотоками.
📺 YouTube
WebDEV #видео #WebRTC #web
YouTube
WebRTC in 100 Seconds // Build a Video Chat app from Scratch
Want to build your own peer-to-peer video chat app? WebRTC is a technology that creates a realtime connection between browsers where users can exchange audio/video streams https://fireship.io/lessons/webrtc-firebase-video-chat/
00:00 WebRTC Explained
02:01…
00:00 WebRTC Explained
02:01…
Vim за 100 секунд
Vim — это текстовый редактор на основе клавиатуры, который может повысить вашу продуктивность при написании кода.
📺 YouTube
#видео #vim
Vim — это текстовый редактор на основе клавиатуры, который может повысить вашу продуктивность при написании кода.
📺 YouTube
#видео #vim
YouTube
Vim in 100 Seconds
Vim is a keyboard-based text editor that can improve your productivity when writing code. Learn more in the Vim for VS Code course https://bit.ly/370N7Pr
Special Thanks to Joe Previte! https://twitter.com/jsjoeio
Vim history https://en.wikipedia.org/wi…
Special Thanks to Joe Previte! https://twitter.com/jsjoeio
Vim history https://en.wikipedia.org/wi…
Слайдер с 3D эффектом волны на чистом CSS
Слайдер с 3D эффектом волны на чистом CSS. Реализация с помощью CSS трансформаций, работа с перспективой и z-осью в CSS. Слайдер без JavaScript. Раскрытие активного слайда по клику
📺 YouTube
WebDEV #видео
Слайдер с 3D эффектом волны на чистом CSS. Реализация с помощью CSS трансформаций, работа с перспективой и z-осью в CSS. Слайдер без JavaScript. Раскрытие активного слайда по клику
📺 YouTube
WebDEV #видео
YouTube
Слайдер с 3D эффектом волны на чистом CSS
Слайдер с 3D эффектом волны на чистом CSS. Реализация с помощью CSS трансформаций, работа с перспективой и z-осью в CSS. Слайдер без JavaScript. Раскрытие активного слайда по клику.
Архив с кодом из урока в Telegram канале: https://xn--r1a.website/+friZxyBulgNmYjE6…
Архив с кодом из урока в Telegram канале: https://xn--r1a.website/+friZxyBulgNmYjE6…
Строгий режим в JavaScript. Как включить и его особенности.
Строгий режим в JavaScript. Включается командой 'use strict'; Строгий режим позволяет избежать некоторых ошибок и сделать JS код более надежным. Особенности использования строгого режима в JS. Ограничения, особенности, правила, нюансы, зачем придуман строгий режим в JavaScript.
📺 YouTube
WebDEV #видео
Строгий режим в JavaScript. Включается командой 'use strict'; Строгий режим позволяет избежать некоторых ошибок и сделать JS код более надежным. Особенности использования строгого режима в JS. Ограничения, особенности, правила, нюансы, зачем придуман строгий режим в JavaScript.
📺 YouTube
WebDEV #видео
YouTube
Строгий режим в JavaScript. Как включить и его особенности. 'use strict'; в JS
Строгий режим в JavaScript. Включается командой 'use strict'; Строгий режим позволяет избежать некоторых ошибок и сделать JS код более надежным. Особенности использования строгого режима в JS. Ограничения, особенности, правила, нюансы, зачем придуман строгий…
Урок по JavaScript. Как работать с DOM в JS.
В этом видео мы выполним 26 задач с DOM (объектная модель документа) элементами. Мы также познакомимся с объектом Document нашего браузера. В практической части видео разберем ключевые методы работы с DOM деревом нашего мини-проекта (смотри ссылку на проект в репозитории).
📺 YouTube
WebDEV #видео
В этом видео мы выполним 26 задач с DOM (объектная модель документа) элементами. Мы также познакомимся с объектом Document нашего браузера. В практической части видео разберем ключевые методы работы с DOM деревом нашего мини-проекта (смотри ссылку на проект в репозитории).
📺 YouTube
WebDEV #видео
YouTube
Уроки Javascript #5. Как Работать с DOM в JS? (+ 26 упражнений для полной прокачки).
Мой Telegram: https://xn--r1a.website/stackdevru
В этом видео мы выполним 26 задач с DOM (объектная модель документа) элементами. Мы также познакомимся с объектом Document нашего браузера. В практической части видео разберем ключевые методы работы с DOM деревом нашего…
В этом видео мы выполним 26 задач с DOM (объектная модель документа) элементами. Мы также познакомимся с объектом Document нашего браузера. В практической части видео разберем ключевые методы работы с DOM деревом нашего…
Emmet лучший плагин для верстки
Emmet лучший плагин для ВЁРСТКИ! В этом плейлисте собраны видео уроки посвященные плагину Emmet. Данный плагин позволяет молниеносно писать код с помощью специальных сокращений. В редакторе VS Code он встроен по умолчанию, а в других редакторах может потребоваться установка.
📺 YouTube
WebDEV #видео
Emmet лучший плагин для ВЁРСТКИ! В этом плейлисте собраны видео уроки посвященные плагину Emmet. Данный плагин позволяет молниеносно писать код с помощью специальных сокращений. В редакторе VS Code он встроен по умолчанию, а в других редакторах может потребоваться установка.
📺 YouTube
WebDEV #видео
Изучение препроцессора SASS
SASS или же SCSS – это препроцессор, который служит для быстрого написания стилей на языке CSS. Благодаря SASS вы можете добавить переменные, функции, наследование и многое другое к обычному документу CSS.
В ходе видео курса вы научитесь работать с препроцессором SASS, а также компилировать исходные файлы в CSS. Вы поймете разницу между SASS и SCSS и научитесь применять в повседневной работе обе технологии.
📺 YouTube
WebDEV #видео
SASS или же SCSS – это препроцессор, который служит для быстрого написания стилей на языке CSS. Благодаря SASS вы можете добавить переменные, функции, наследование и многое другое к обычному документу CSS.
В ходе видео курса вы научитесь работать с препроцессором SASS, а также компилировать исходные файлы в CSS. Вы поймете разницу между SASS и SCSS и научитесь применять в повседневной работе обе технологии.
📺 YouTube
WebDEV #видео
Дизайн реального проекта на фрилансе. Редизайним главную страницу сайта в фигме
Новый ролик из рубрики: «как я это нафрилансил?» в которой показываю свои реальные проекты для реальных заказчиков. Но теперь буду показывать какие кнопки нажимаю в Фигме в процессе работы над дизайном сайта.
📺 YouTube
WebDEV #видео
Новый ролик из рубрики: «как я это нафрилансил?» в которой показываю свои реальные проекты для реальных заказчиков. Но теперь буду показывать какие кнопки нажимаю в Фигме в процессе работы над дизайном сайта.
📺 YouTube
WebDEV #видео
YouTube
Дизайн реального проекта на фрилансе. Редизайним главную страницу сайта в фигме
#alexeybychkov #ityoutubersru #webdesign
Новый ролик из рубрики: «как я это нафрилансил?» в которой показываю свои реальные проекты для реальных заказчиков. Но теперь буду показывать какие кнопки нажимаю в Фигме в процессе работы над дизайном сайта
Анимация…
Новый ролик из рубрики: «как я это нафрилансил?» в которой показываю свои реальные проекты для реальных заказчиков. Но теперь буду показывать какие кнопки нажимаю в Фигме в процессе работы над дизайном сайта
Анимация…
Продвинутый Backend
Backend разработчик отвечает за сохранность и безопасную передачу ваших данных. Все эти процессы происходят на стороне сервера.
С помощью Node.js + Nest.js и PostgreSQL вы реализуете масштабируемый backend, который после зальёте с использованием docker.
📺 YouTube
WebDEV #видео #SQL #NodeJS #js
Backend разработчик отвечает за сохранность и безопасную передачу ваших данных. Все эти процессы происходят на стороне сервера.
С помощью Node.js + Nest.js и PostgreSQL вы реализуете масштабируемый backend, который после зальёте с использованием docker.
📺 YouTube
WebDEV #видео #SQL #NodeJS #js
YouTube
Продвинутый BACKEND на Node.js. Nest js ПОЛНЫЙ КУРС & Docker
В этом ролике мы реализуем масштабируемый backend на node js с использованием фреймворка Nest js. В качестве СУБД воспользуемся PostgreSQL в связке с ORM Sequelize на node js. Задокументируем API с помощью SWAGER nest js. По итогу обернем приложение на node…
🛠 readme.so — этот простой редактор позволяет добавлять и кастомизировать все разделы, которые должны быть в README проекта.
WebDEV #инструменты
WebDEV #инструменты
🛠 Stylelint - Мощный, современный линтер, который поможет вам избежать ошибок и обеспечить соблюдение правил в ваших стилях.
🌍 Сайт
WebDEV #инструменты
🌍 Сайт
WebDEV #инструменты