Дизайн реального проекта на фрилансе. Редизайним главную страницу сайта в фигме
Новый ролик из рубрики: «как я это нафрилансил?» в которой показываю свои реальные проекты для реальных заказчиков. Но теперь буду показывать какие кнопки нажимаю в Фигме в процессе работы над дизайном сайта.
📺 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 #инструменты
🛠 Babel - это набор инструментов, который в основном используется для преобразования кода ECMAScript 2015+ в обратно совместимую версию JavaScript в существующих и старых браузерах или средах.
🌍 Сайт
WebDEV #инструменты
🌍 Сайт
WebDEV #инструменты