JavaScript с нуля за 7 часов
JavaScript c нуля - Полный курс по основам для начинающих. В курсе вы найдете все необходимые темы, для того, чтобы начать программировать на JavaScript с нуля. В ролике вы сделаете несколько практических проектов, на которых рассмотрите сразу в боевых действиях язык.
📺 YouTube
WebDEV #видео
JavaScript c нуля - Полный курс по основам для начинающих. В курсе вы найдете все необходимые темы, для того, чтобы начать программировать на JavaScript с нуля. В ролике вы сделаете несколько практических проектов, на которых рассмотрите сразу в боевых действиях язык.
📺 YouTube
WebDEV #видео
JavaScript: взгляд изнутри за 60 минут
В этом видео мы предлагаем вам быстрый курс по JavaScript всего за 1 час! Если вы начинающий программист или хотите освежить свои знания, этот интенсивный урок поможет вам быстро разобраться с основами JavaScript. Мы пройдем через ключевые концепции, такие как переменные, функции, условия и циклы, и подготовим вас к дальнейшему изучению фронтенд-разработки. Присоединяйтесь к нам, чтобы сделать первый шаг в мир программирования!
📺 YouTube
WebDEV #видео
В этом видео мы предлагаем вам быстрый курс по JavaScript всего за 1 час! Если вы начинающий программист или хотите освежить свои знания, этот интенсивный урок поможет вам быстро разобраться с основами JavaScript. Мы пройдем через ключевые концепции, такие как переменные, функции, условия и циклы, и подготовим вас к дальнейшему изучению фронтенд-разработки. Присоединяйтесь к нам, чтобы сделать первый шаг в мир программирования!
📺 YouTube
WebDEV #видео
Новые хуки в 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 #видео
Создаем классный дизайн баннера
Как сделать крутой баннер для телеграма? В этом ролике ты вместе со мной подробно сделаешь 2 дизайн баннера. Покажу и расскажу про все этапы: как сгенерировать такую картинку в нейросети, как сделать эффекты свечения, объёма, и в целом, как сделать такой сочный дизайн. Такую работу можно повторить за 15-20 мин времени, а результат - стильный дизайн!
📺 YouTube
WebDEV #видео
Как сделать крутой баннер для телеграма? В этом ролике ты вместе со мной подробно сделаешь 2 дизайн баннера. Покажу и расскажу про все этапы: как сгенерировать такую картинку в нейросети, как сделать эффекты свечения, объёма, и в целом, как сделать такой сочный дизайн. Такую работу можно повторить за 15-20 мин времени, а результат - стильный дизайн!
📺 YouTube
WebDEV #видео
YouTube
Создаем классный ДИЗАЙН БАННЕРА для телеграм канала в Фигме / Дизайн для соц сетей Figma
💥 Заполнить анкету на наставничество по веб-дизайну
https://forms.gle/pgmVboR8zCwnzg6L8
Как сделать крутой баннер для телеграма? В этом ролике ты вместе со мной подробно сделаешь 2 дизайн баннера. Покажу и расскажу про все этапы: как сгенерировать такую…
https://forms.gle/pgmVboR8zCwnzg6L8
Как сделать крутой баннер для телеграма? В этом ролике ты вместе со мной подробно сделаешь 2 дизайн баннера. Покажу и расскажу про все этапы: как сгенерировать такую…
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://…
Auto Layout в Figma за 5 минут
Auto Layout в Figma — это мощный инструмент, который упрощает создание адаптивных и гибких дизайнов. Он позволяет автоматически изменять размеры и расположение элементов при изменении размеров контейнера, что делает дизайн более динамичным и удобным.
В этом видео автор покажет, как пользоваться Auto Layout в Figma, расскажет, зачем он нужен и чем может быть полезен. Вы узнаете, как легко создавать адаптивные макеты, экономить время на редактировании и улучшать свою продуктивность.
📺 YouTube
WebDEV #видео
Auto Layout в Figma — это мощный инструмент, который упрощает создание адаптивных и гибких дизайнов. Он позволяет автоматически изменять размеры и расположение элементов при изменении размеров контейнера, что делает дизайн более динамичным и удобным.
В этом видео автор покажет, как пользоваться Auto Layout в Figma, расскажет, зачем он нужен и чем может быть полезен. Вы узнаете, как легко создавать адаптивные макеты, экономить время на редактировании и улучшать свою продуктивность.
📺 YouTube
WebDEV #видео
YouTube
Авто лейаут / Auto layout в Figma за 5 минут
Заказать сайт: https://a.yrokiwp.ru
Коммерческие запросы: https://xn--r1a.website/dmitry_litvi
В этом видео Максим покажет, как пользоваться таким инструментом, как Авто лейаут (Auto layout), расскажет о том, зачем он нужен и чем может быть полезен. Видео учитывает…
Коммерческие запросы: https://xn--r1a.website/dmitry_litvi
В этом видео Максим покажет, как пользоваться таким инструментом, как Авто лейаут (Auto layout), расскажет о том, зачем он нужен и чем может быть полезен. Видео учитывает…
Svelte за 100 секунд
Svelte — это JS-библиотека для создания реактивных компонентов пользовательского интерфейса. Но в отличие от React, Angular и Vue, она не предоставляет среду выполнения, такую как Virtual DOM, для просмотра.
📺 YouTube
WebDEV #видео #js #svelte
Svelte — это JS-библиотека для создания реактивных компонентов пользовательского интерфейса. Но в отличие от React, Angular и Vue, она не предоставляет среду выполнения, такую как Virtual DOM, для просмотра.
📺 YouTube
WebDEV #видео #js #svelte
YouTube
Svelte in 100 Seconds
Svelte is a JS library for building reactive UI components. But unlike React, Angular, and Vue, it does not ship a runtime like Virtual DOM to the browser https://svelte.dev/
Also see...
Full Svelte Tutorial https://fireship.io/lessons/svelte-v3-overview…
Also see...
Full Svelte Tutorial https://fireship.io/lessons/svelte-v3-overview…
CORS за 100 секунд
Cross-origin resource sharing — технология современных браузеров, которая позволяет предоставить веб-страницам доступ к ресурсам другого домена. Изучите основы CORS за 100 секунд.
📺 YouTube
WebDEV #видео #CORS #web
Cross-origin resource sharing — технология современных браузеров, которая позволяет предоставить веб-страницам доступ к ресурсам другого домена. Изучите основы CORS за 100 секунд.
📺 YouTube
WebDEV #видео #CORS #web
YouTube
CORS in 100 Seconds
Cross-Origin Resource Sharing or CORS is a mechanism that allows browsers to request data from 3rd party URLs (or origins) and is a common pain point for web developers. Learn the basics of CORS in 100 seconds.
Full Tutorials
Use CORS in Firebase Cloud…
Full Tutorials
Use CORS in Firebase Cloud…
TypeScript. Полный курс
В данном видеокурсе рассматриваются возможности языка строгой типизации — TypeScript. Разбирают его основные фишки и ключевые отличия от JavaScript. Вы изучите такие понятия, как перечисления (Enum), интерфейсы, пространства имён, а также набор нативных утилит, которые предоставляет сам язык.
📺 YouTube
WebDEV #видео #typescript
В данном видеокурсе рассматриваются возможности языка строгой типизации — TypeScript. Разбирают его основные фишки и ключевые отличия от JavaScript. Вы изучите такие понятия, как перечисления (Enum), интерфейсы, пространства имён, а также набор нативных утилит, которые предоставляет сам язык.
📺 YouTube
WebDEV #видео #typescript
YouTube
TypeScript. Полный курс
#YauhenK #webDev #TypeScript
Всех приветствую в курсе «TypeScript».
В данном видеокурсе мы с вами рассмотрим возможности языка строгой типизации - TypeScript. Разберём его основные фишки и ключевые отличия от JavaScript. Изучим такие понятия, как перечисления…
Всех приветствую в курсе «TypeScript».
В данном видеокурсе мы с вами рассмотрим возможности языка строгой типизации - TypeScript. Разберём его основные фишки и ключевые отличия от JavaScript. Изучим такие понятия, как перечисления…
Весь HTML за 4 часа
За 1 день узнаете все, что нужно для понимания основных инструментов HTML. Что такое HTML, CSS, JavaScript, структура документов, блочные и строчные элементы, таблиц, заголовки, создание форм регистрации и их кастомизация. Много практических заданий.
📺 YouTube
WebDEV #видео
За 1 день узнаете все, что нужно для понимания основных инструментов HTML. Что такое HTML, CSS, JavaScript, структура документов, блочные и строчные элементы, таблиц, заголовки, создание форм регистрации и их кастомизация. Много практических заданий.
📺 YouTube
WebDEV #видео
YouTube
Весь HTML за 4 часа - Полный Курс для Начинающих [2021]
За 1 день узнаете все, что нужно для понимания основных инструментов HTML. Что такое HTML, CSS, JavaScript, структура документов, блочные и строчные элементы, таблиц, заголовки, создание форм регистрации и их кастомизация. Много практических заданий.
📍📍📍Исходники…
📍📍📍Исходники…
3D эффект для слайдера Swiper Cowerflow
В этом видео сделаем слайдер с 3D эффектом на Swiper слайдере (Swiper Coverflow). Напишем разметку, рассмотрим подключение swiper слайдера и необходимые параметры для настройка слайдера. Также уделим внимание кастомизации слайдера с помощью CSS переменных.
📺 YouTube
WebDEV #видео
В этом видео сделаем слайдер с 3D эффектом на Swiper слайдере (Swiper Coverflow). Напишем разметку, рассмотрим подключение swiper слайдера и необходимые параметры для настройка слайдера. Также уделим внимание кастомизации слайдера с помощью CSS переменных.
📺 YouTube
WebDEV #видео
YouTube
3D эффект для слайдера Swiper Coverflow
В этом видео сделаем слайдер с 3D эффектом на Swiper слайдере (Swiper Coverflow). Напишем разметку, рассмотрим подключение swiper слайдера и необходимые параметры для настройка слайдера. Также уделим внимание кастомизации слайдера с помощью CSS переменных.…
Типичные ошибки новичков в ReactJS. useState, useEffect, props drilling и usecontext
Рассмотрим типичные ошибки которые встречаются в проектах у начинающих React JS разработчиков. Как правильно изменять состояние в компоненте используя useState. Почему стоит быть аккуратным с вызовом useEffect и изменением состояния компонента внутри него. Что такое props drilling и как от него избавиться с помощью использования createContext и useContext.
📺 YouTube
WebDEV #видео
Рассмотрим типичные ошибки которые встречаются в проектах у начинающих React JS разработчиков. Как правильно изменять состояние в компоненте используя useState. Почему стоит быть аккуратным с вызовом useEffect и изменением состояния компонента внутри него. Что такое props drilling и как от него избавиться с помощью использования createContext и useContext.
📺 YouTube
WebDEV #видео
YouTube
Типичные ошибки новичков в React JS. useState, useEffect, props drilling и useContext
Рассмотрим типичные ошибки которые встречаются в проектах у начинающих React JS разработчиков. Как правильно изменять состояние в компоненте используя useState. Почему стоит быть аккуратным с вызовом useEffect и изменением состояния компонента внутри него.…
Gulp сборка для верстки сайтов. Ускоряем процесс верстки сайтов.
Gulp сборка для верстки сайтов. Обновление Gulp сборки. В этом видео я презентую обновленную сборку для HTML верстки сайтов. Улучшена работа с графикой. Лучшее качество при оптимизации.
Что добавлено:
• Умеет авто-подключать webp формат в т.ч. и для retina графики.
• Собирает SVG спрайты.
• Производит автогенерацию и автоподключение шрифтов.
• Автозамена путей в html и scss.
• Исправлен баг с ошибкой при при разрыве строки в теге img.
📺 YouTube
WebDEV #видео
Gulp сборка для верстки сайтов. Обновление Gulp сборки. В этом видео я презентую обновленную сборку для HTML верстки сайтов. Улучшена работа с графикой. Лучшее качество при оптимизации.
Что добавлено:
• Умеет авто-подключать webp формат в т.ч. и для retina графики.
• Собирает SVG спрайты.
• Производит автогенерацию и автоподключение шрифтов.
• Автозамена путей в html и scss.
• Исправлен баг с ошибкой при при разрыве строки в теге img.
📺 YouTube
WebDEV #видео
YouTube
Gulp сборка для верстки сайтов. Ускоряем процесс верстки сайтов. Обновление 2024
Gulp сборка для верстки сайтов. Обновление Gulp сборки. В этом видео я презентую обновленную сборку для HTML верстки сайтов. Улучшена работа с графикой. Лучшее качество при оптимизации.
Что добавлено:
- Умеет авто-подключать webp формат в т.ч. и для retina…
Что добавлено:
- Умеет авто-подключать webp формат в т.ч. и для retina…
Next.JS setup: деплой на VPS
Это первое видео я в серии, где я на ваших глазах разработаю продукт с нуля, до заработка первых денег. Особенностью серии будет, что я не буду "срезать углы". Буду использовать FDS архитектуру, тестирование, CI/CD, и все самые актуальные на данный момент инструменты.
📺 YouTube
WebDEV #видео
Это первое видео я в серии, где я на ваших глазах разработаю продукт с нуля, до заработка первых денег. Особенностью серии будет, что я не буду "срезать углы". Буду использовать FDS архитектуру, тестирование, CI/CD, и все самые актуальные на данный момент инструменты.
📺 YouTube
WebDEV #видео
YouTube
Next.js setup: Деплой на VPS | Jest | Playwright | CI/CD | Sentry
Мое ссобщество Evolution Community 🙂
Исходники:
https://github.com/micro-course/core/tree/video-1
Волшебный файлик: https://wonderful-deer-c82.notion.site/fcc2fda33cdd436888e7b4e46e9c064c
Мой telegram канал:
https://xn--r1a.website/cleanfrontend
Это первое видео…
Исходники:
https://github.com/micro-course/core/tree/video-1
Волшебный файлик: https://wonderful-deer-c82.notion.site/fcc2fda33cdd436888e7b4e46e9c064c
Мой telegram канал:
https://xn--r1a.website/cleanfrontend
Это первое видео…
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://xn--r1a.website/+QAxmsKj2HyWfEKzz
Материалы ВебКадеми на всех площадках: http…
Расчет значений для clamp: https://min-max-calculator.9elements.com/
Чат верстальщиков: https://xn--r1a.website/+QAxmsKj2HyWfEKzz
Материалы ВебКадеми на всех площадках: http…
Эти ошибки губят всех начинающих веб-дизайнеров
Эти ошибки губят всех начинающих веб-дизайнеров, из-за них ты тратишь либо много времени, либо много денег, потому что идёшь немного не по тому пути. Не понимаешь как составить план обучения, какие программы изучить, как собрать портфолио, на какой фриланс-бирже зарегистрироваться, откуда брать клиентов? Все ответы в этом ролике!
📺 YouTube
WebDEV #видео
Эти ошибки губят всех начинающих веб-дизайнеров, из-за них ты тратишь либо много времени, либо много денег, потому что идёшь немного не по тому пути. Не понимаешь как составить план обучения, какие программы изучить, как собрать портфолио, на какой фриланс-бирже зарегистрироваться, откуда брать клиентов? Все ответы в этом ролике!
📺 YouTube
WebDEV #видео
YouTube
Эти ОШИБКИ Губят Всех Начинающих Веб-дизайнеров! Перестань это делать в 2024
Эти ошибки губят всех начинающих веб-дизайнеров, из-за них ты тратишь либо много времени, либо много денег, потому что идёшь немного не по тому пути. Не понимаешь как составить план обучения, какие программы изучить, как собрать портфолио, на какой фриланс…
Приложение на чистом JS
Фреймворки — это, конечно, хорошо, но и иметь проекты без них тоже надо. Так вы можете узнать намного больше о языке, с которым вы работаете.
За час с помощью этого видео вы напишите приложение для просмотра погоды с использованием стороннего API и узнаете про фишки ES5 и ES6 (и что это вообще такое).
📺 YouTube
WebDEV #видео #API
Фреймворки — это, конечно, хорошо, но и иметь проекты без них тоже надо. Так вы можете узнать намного больше о языке, с которым вы работаете.
За час с помощью этого видео вы напишите приложение для просмотра погоды с использованием стороннего API и узнаете про фишки ES5 и ES6 (и что это вообще такое).
📺 YouTube
WebDEV #видео #API
YouTube
Приложение на чистом JS с API для начинающих
С нуля пишем приложение на чистом JS с бесплатным API https://weatherstack.com/. Еще расскажу про некоторые фишки из ES5 и ES6, например, о деструктуризации в JS. Еще посмотрим, как можно хранить данные в браузере с помощью localStorage.
🐺 мой twitch: …
🐺 мой twitch: …