JavaScript с нуля за 7 часов
JavaScript c нуля - Полный курс по основам для начинающих. В курсе вы найдете все необходимые темы, для того, чтобы начать программировать на JavaScript с нуля. В ролике вы сделаете несколько практических проектов, на которых рассмотрите сразу в боевых действиях язык.
📺 YouTube
WebDEV #видео
JavaScript c нуля - Полный курс по основам для начинающих. В курсе вы найдете все необходимые темы, для того, чтобы начать программировать на JavaScript с нуля. В ролике вы сделаете несколько практических проектов, на которых рассмотрите сразу в боевых действиях язык.
📺 YouTube
WebDEV #видео
YouTube
JavaScript c Нуля - Курс для начинающих С ПРАКТИКОЙ (2025)
JavaScript c нуля - Полный курс по основам для начинающих. В курсе вы найдете все необходимые темы, для того, чтобы начать программировать на JavaScript с нуля. В ролике вы сделаете несколько практических проектов, на которых рассмотрите сразу в боевых действиях…
Новые хуки в React 19. Самый полный обзор + примеры кода
В этом видео наглядно рассмотрим новые хуки (new hooks) React 19. Обновления в React 19 позволяют более удобно работать с формой используя action функции, обрабатывать состояние ожидания, и получать информацию о форме, ее данных и обработке с помощью новых хуков useTransition, useFormStatus, useActionState. Также React 19 позмоляет удобно работать с паттерном optimistice UI, новый хук useOptimistic. Ряд упрощений c ref и Context. Новый компилятор который позволяет не испольовать useMemo и useCallback.
📺 YouTube
WebDEV #видео
В этом видео наглядно рассмотрим новые хуки (new hooks) React 19. Обновления в React 19 позволяют более удобно работать с формой используя action функции, обрабатывать состояние ожидания, и получать информацию о форме, ее данных и обработке с помощью новых хуков useTransition, useFormStatus, useActionState. Также React 19 позмоляет удобно работать с паттерном optimistice UI, новый хук useOptimistic. Ряд упрощений c ref и Context. Новый компилятор который позволяет не испольовать useMemo и useCallback.
📺 YouTube
WebDEV #видео
YouTube
Новые хуки в React 19. Самый полный обзор + примеры кода
В этом видео наглядно рассмотрим новые хуки (new hooks) React 19. Обновления в React 19 позволяют более удобно работать с формой используя action функции, обрабатывать состояние ожидания, и получать информацию о форме, ее данных и обработке с помощью новых…
JavaScript с нуля за 7 часов
JavaScript c нуля - Полный курс по основам для начинающих. В курсе вы найдете все необходимые темы, для того, чтобы начать программировать на JavaScript с нуля. В ролике вы сделаете несколько практических проектов, на которых рассмотрите сразу в боевых действиях язык.
📺 YouTube
WebDEV #видео
JavaScript c нуля - Полный курс по основам для начинающих. В курсе вы найдете все необходимые темы, для того, чтобы начать программировать на JavaScript с нуля. В ролике вы сделаете несколько практических проектов, на которых рассмотрите сразу в боевых действиях язык.
📺 YouTube
WebDEV #видео
YouTube
JavaScript c Нуля - Курс для начинающих С ПРАКТИКОЙ (2025)
JavaScript c нуля - Полный курс по основам для начинающих. В курсе вы найдете все необходимые темы, для того, чтобы начать программировать на JavaScript с нуля. В ролике вы сделаете несколько практических проектов, на которых рассмотрите сразу в боевых действиях…
React Native для начинающих
React позволяет нам создавать интерфейс приложения, то есть писать фронтенд. А его версия Native — запускать React приложения на телефоне и ПК.
В этом видео вы узнаете, как правильно создать приложение на телефон с помощью React, и как оно вообще запускается.
📺 YouTube
WebDEV #видео
React позволяет нам создавать интерфейс приложения, то есть писать фронтенд. А его версия Native — запускать React приложения на телефоне и ПК.
В этом видео вы узнаете, как правильно создать приложение на телефон с помощью React, и как оно вообще запускается.
📺 YouTube
WebDEV #видео
YouTube
React Native для начинающих за 2 часа [2022] ! Мобильное приложение на JavaScript
В данном курсе ты научишься создавать реальное мобильное приложение с помощью React Native (JavaScript + ReactJS)
Курс идеально подойдёт для фронтенд-разработчиков, которые уже знакомы с ReactJS.
👨🏻💻 Что необходимо знать перед началом?
1. useState, useEffect…
Курс идеально подойдёт для фронтенд-разработчиков, которые уже знакомы с ReactJS.
👨🏻💻 Что необходимо знать перед началом?
1. useState, useEffect…
Верстка целого сайта в одном видео
За 5 часов сверстать относительно сложный, но очень классный макет сайта. К тому же автор создаёт адаптивную версию сайта. Это видео поможет вам серьёзно прокачать свои навыки, ведь после него вы будете знать, как реализовывать сложные фичи.
📺 YouTube
WebDEV #видео
За 5 часов сверстать относительно сложный, но очень классный макет сайта. К тому же автор создаёт адаптивную версию сайта. Это видео поможет вам серьёзно прокачать свои навыки, ведь после него вы будете знать, как реализовывать сложные фичи.
📺 YouTube
WebDEV #видео
YouTube
Верстка целого сайта в одном видео + Адаптив
Друзья, запилил для вас большую верстку сайта. В данном макете много интересных моментов, которые часто могут ставить в ступор не только начинающих разработчиков. Запаситесь кофе, изучайте верстку и кайфуйте =)
Архив со всем добром для работы - https://…
Архив со всем добром для работы - https://…
Как frontend-разработчику вырасти в ЗП?
День сурка frontend-разработчика выглядит так
Зарплата замерла, задачи — бесконечный повтор, растет только кол-во бессмысленных созвонов
Откликаешься на вакансии — отвечают только ноунеймы, на собесах закидывают странными алгоритмами «на скорость».
И самое бесящее — пока буксуешь, кто-то вокруг спокойно забирает офферы в Яндекс и VK...
👋 Меня зовут Тихон, привет! Я — действующий Frontend-разработчик и ментор. Я за руку довожу до оффера на хорошую позицию в Big Tech и сопровождаю на испытательном сроке.
В своем канале:
👉Объясняю, как проходить HR-фильтр и превращать отклики в реальные приглашения
👉Помогаю найти мотивацию, борюсь убеждениями, которые мешают развиваться
👉На примерах объясняю, как проходить собеседования, включая техничку
👉Разбираю резюме и делюсь лайфхаками, например как аккуратно “пинговать” рекрутеров
А еще регулярно публикую полезные материалы:
▪️Задачи, на которых валяться кандидаты
▪️База по микрофронтам
▪️Подборка из 100+ каналов с вакансиями для разработчиков
▪️100 вопросов, которые точно помогут тебе на собеседовании
▪️Чек лист проверки своего резюме
А еще у меня множество успешных кейсов и трогательных отзывов, найти их можно в канале.
Реклама, erid: 2W5zFGt8htm ИП Галактионов Тихон Витальевич, ИНН 771618975809
День сурка frontend-разработчика выглядит так
Зарплата замерла, задачи — бесконечный повтор, растет только кол-во бессмысленных созвонов
Откликаешься на вакансии — отвечают только ноунеймы, на собесах закидывают странными алгоритмами «на скорость».
И самое бесящее — пока буксуешь, кто-то вокруг спокойно забирает офферы в Яндекс и VK...
Ты тоже можешь получить оффер в компанию, в которой тебя будут ценить и хорошо платить.
👋 Меня зовут Тихон, привет! Я — действующий Frontend-разработчик и ментор. Я за руку довожу до оффера на хорошую позицию в Big Tech и сопровождаю на испытательном сроке.
В своем канале:
👉Объясняю, как проходить HR-фильтр и превращать отклики в реальные приглашения
👉Помогаю найти мотивацию, борюсь убеждениями, которые мешают развиваться
👉На примерах объясняю, как проходить собеседования, включая техничку
👉Разбираю резюме и делюсь лайфхаками, например как аккуратно “пинговать” рекрутеров
А еще регулярно публикую полезные материалы:
▪️Задачи, на которых валяться кандидаты
▪️База по микрофронтам
▪️Подборка из 100+ каналов с вакансиями для разработчиков
▪️100 вопросов, которые точно помогут тебе на собеседовании
▪️Чек лист проверки своего резюме
А еще у меня множество успешных кейсов и трогательных отзывов, найти их можно в канале.
Реклама, erid: 2W5zFGt8htm ИП Галактионов Тихон Витальевич, ИНН 771618975809
💡Убедитесь, что элементы интерфейса не скрыты
Доступность элементов. Важно, чтобы элементы интерфейса, такие как меню, кнопки или ссылки, были всегда видны и доступны, даже если пользователь прокручивает страницу. Проверьте, чтобы важные кнопки оставались видимыми, независимо от положения страницы.
WebDEV #советы
Доступность элементов. Важно, чтобы элементы интерфейса, такие как меню, кнопки или ссылки, были всегда видны и доступны, даже если пользователь прокручивает страницу. Проверьте, чтобы важные кнопки оставались видимыми, независимо от положения страницы.
WebDEV #советы
🛠 Stylelint - Мощный, современный линтер, который поможет вам избежать ошибок и обеспечить соблюдение правил в ваших стилях.
🌍 Сайт
WebDEV #инструменты
🌍 Сайт
WebDEV #инструменты
Резюме frontend веб разработчика. Что написать в блоке "профессиональные навыки"
Как оформить блок "Профессиональные навыки" в резюме для frontend разработчика, веб-разработчика. Разбираем на реальном примере. Исправляем ошибки. Стратегия для новичка и для разработчика с опытом.
📺 YouTube
WebDEV #видео
Как оформить блок "Профессиональные навыки" в резюме для frontend разработчика, веб-разработчика. Разбираем на реальном примере. Исправляем ошибки. Стратегия для новичка и для разработчика с опытом.
📺 YouTube
WebDEV #видео
YouTube
Резюме frontend веб разработчика. Что написать в блоке "Профессиональные навыки"
Как оформить блок "Профессиональные навыки" в резюме для frontend разработчика, веб-разработчика. Разбираем на реальном примере. Исправляем ошибки. Стратегия для новичка и для разработчика с опытом.
Материалы ВебКадеми на всех площадках: https://webcademy.ru/taplink/…
Материалы ВебКадеми на всех площадках: https://webcademy.ru/taplink/…
Приложение на чистом JS
Фреймворки — это, конечно, хорошо, но и иметь проекты без них тоже надо. Так вы можете узнать намного больше о языке, с которым вы работаете.
За час с помощью этого видео вы напишите приложение для просмотра погоды с использованием стороннего API и узнаете про фишки ES5 и ES6 (и что это вообще такое).
📺 YouTube
WebDEV #видео #API
Фреймворки — это, конечно, хорошо, но и иметь проекты без них тоже надо. Так вы можете узнать намного больше о языке, с которым вы работаете.
За час с помощью этого видео вы напишите приложение для просмотра погоды с использованием стороннего API и узнаете про фишки ES5 и ES6 (и что это вообще такое).
📺 YouTube
WebDEV #видео #API
Быстрый курс по Next.js
Next.js добавляет обычному React рендеринг на стороне сервера (SSR) и статическую генерация страниц, что сильно ускоряет работу сайта.
В этом видео автор рассказывает про SSR и создаёт небольшой проект, чтобы показать преимущества этой функции на практике.
📺 YouTube
WebDEV #видео #React #js
Next.js добавляет обычному React рендеринг на стороне сервера (SSR) и статическую генерация страниц, что сильно ускоряет работу сайта.
В этом видео автор рассказывает про SSR и создаёт небольшой проект, чтобы показать преимущества этой функции на практике.
📺 YouTube
WebDEV #видео #React #js
Плавный переход между страницами сайта
Сегодня будем делать переход между страницами сайта без перезагрузки, очень полезная штука для вашего развития как веб разработчика. После этого видео вы с легкостью сможете внедрять такое в своих проектах. Поработаем в основном с barba.js, заказчик будет в восторге.
📺 YouTube
WebDEV #видео
Сегодня будем делать переход между страницами сайта без перезагрузки, очень полезная штука для вашего развития как веб разработчика. После этого видео вы с легкостью сможете внедрять такое в своих проектах. Поработаем в основном с barba.js, заказчик будет в восторге.
📺 YouTube
WebDEV #видео
YouTube
Плавный переход между страницами сайта, barba.js, GSAP
Друзья, поезд тронулся )) сегодня будем делать переход между страницами сайта без перезагрузки, очень полезная штука для вашего развития как веб разработчика. После этого видео вы с легкостью сможете внедрять такое в своих проектах. Поработаем в основном…
Разбор портфолио. Что верстальщики делают не так?
Подкаст. Разбор GitHub профиля HTML верстальщика. Как оформить GitHub профиль. Какие работы не стоит размещать в портфолио. Типовые ошибки начинающих HTML верстальщиков.
📺 YouTube
WebDEV #видео
Подкаст. Разбор GitHub профиля HTML верстальщика. Как оформить GitHub профиль. Какие работы не стоит размещать в портфолио. Типовые ошибки начинающих HTML верстальщиков.
📺 YouTube
WebDEV #видео
YouTube
Разбор портфолио подписчика. Что верстальщики делают не так?
Подкаст. Разбор GitHub профиля HTML верстальщика. Как оформить GitHub профиль. Какие работы не стоит размещать в портфолио. Типовые ошибки начинающих HTML верстальщиков.
Материалы ВебКадеми на всех площадках: https://webcademy.ru/taplink/
:::::::::::::…
Материалы ВебКадеми на всех площадках: https://webcademy.ru/taplink/
:::::::::::::…
Event Loop: Ключ к оптимизации вашего кода. Как работает асинхронность в JS
Сегодня разберём как реализована модель асинхронности в браузере. Не будем строить догадки пощупаем реальный браузер во вкладочке performance
📺 YouTube
WebDEV #видео
Сегодня разберём как реализована модель асинхронности в браузере. Не будем строить догадки пощупаем реальный браузер во вкладочке performance
📺 YouTube
WebDEV #видео
YouTube
Event Loop: Ключ к оптимизации вашего кода | Как работает асинхронность в JS
Сегодня разберём как реализована модель асинхронности в браузере. Не будем строить догадки пощупаем реальный браузер во вкладочке performance
Подписывайтесь на мой telegram канал: https://t.me/cleanfrontend
Подписывайтесь на мой telegram канал: https://t.me/cleanfrontend
9 способов ускорения верстки
В этом видео рассказываю о том, как научиться верстать быстрее, что нужно использовать и как.
📺 YouTube
WebDEV #видео
В этом видео рассказываю о том, как научиться верстать быстрее, что нужно использовать и как.
📺 YouTube
WebDEV #видео
YouTube
Web-заметки №5. Как ускорить свою верстку? 9 способов ускорения верстки
Привет!
Решил создать новую рубрику на канале - Web-заметки. Буду рассказывать тут про различные свойства, теги, js-методы и просто какие-то небольшие новости из мира веба.
В этом видео рассказываю о том, как научиться верстать быстрее, что нужно использовать…
Решил создать новую рубрику на канале - Web-заметки. Буду рассказывать тут про различные свойства, теги, js-методы и просто какие-то небольшие новости из мира веба.
В этом видео рассказываю о том, как научиться верстать быстрее, что нужно использовать…
Топ темы для 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/
:::::::::::::::::::::::::::::::::::::::::::::::::…
CSS функция clamp(). Адаптивный размер текста. Прощайте медиа запросы
Подробный разбор CSS функции clamp(). Адаптивные размеры в CSS, адаптивный размер текста.
📺 YouTube
WebDEV #видео
Подробный разбор CSS функции clamp(). Адаптивные размеры в CSS, адаптивный размер текста.
📺 YouTube
WebDEV #видео
YouTube
CSS функция clamp(). Адаптивный размер текста. Прощайте медиа-запросы.
Подробный разбор CSS функции clamp(). Адаптивные размеры в CSS, адаптивный размер текста.
Расчет значений для clamp: https://min-max-calculator.9elements.com/
Чат верстальщиков: https://t.me/+QAxmsKj2HyWfEKzz
Материалы ВебКадеми на всех площадках: http…
Расчет значений для clamp: https://min-max-calculator.9elements.com/
Чат верстальщиков: https://t.me/+QAxmsKj2HyWfEKzz
Материалы ВебКадеми на всех площадках: http…
Анимация на CSS3 и JS. Анимация на сайте для начинающих
Анимация на CSS3 делается с помощью keyframes. Для начинающих это может показаться не простой задачей но я расскажу и покажу как делать анимацию не только на CSS, но и на JS. Анимация на CSS и JS для сайта очень важна. Анимация позволяет оживить сайт и сделать его более привлекательным. Анимация текста на CSS с помощью keyframes или на JS создается достаточно просто, важно понять основы анимации и тогда вы сможете создать анимацию текста или фона, а так же многое другое для вашего сайта.
📺 YouTube
WebDEV #видео
Анимация на CSS3 делается с помощью keyframes. Для начинающих это может показаться не простой задачей но я расскажу и покажу как делать анимацию не только на CSS, но и на JS. Анимация на CSS и JS для сайта очень важна. Анимация позволяет оживить сайт и сделать его более привлекательным. Анимация текста на CSS с помощью keyframes или на JS создается достаточно просто, важно понять основы анимации и тогда вы сможете создать анимацию текста или фона, а так же многое другое для вашего сайта.
📺 YouTube
WebDEV #видео