Новые хуки в 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 с нуля. В ролике вы сделаете несколько практических проектов, на которых рассмотрите сразу в боевых действиях…
Создаем классный дизайн баннера
Как сделать крутой баннер для телеграма? В этом ролике ты вместе со мной подробно сделаешь 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://…
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. Изучим такие понятия, как перечисления…
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 переменных.…
Эти ошибки губят всех начинающих веб-дизайнеров
Эти ошибки губят всех начинающих веб-дизайнеров, из-за них ты тратишь либо много времени, либо много денег, потому что идёшь немного не по тому пути. Не понимаешь как составить план обучения, какие программы изучить, как собрать портфолио, на какой фриланс-бирже зарегистрироваться, откуда брать клиентов? Все ответы в этом ролике!
📺 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: …
Быстрый курс по Next.js
Next.js добавляет обычному React рендеринг на стороне сервера (SSR) и статическую генерация страниц, что сильно ускоряет работу сайта.
В этом видео автор рассказывает про SSR и создаёт небольшой проект, чтобы показать преимущества этой функции на практике.
📺 YouTube
WebDEV #видео #React #js
Next.js добавляет обычному React рендеринг на стороне сервера (SSR) и статическую генерация страниц, что сильно ускоряет работу сайта.
В этом видео автор рассказывает про SSR и создаёт небольшой проект, чтобы показать преимущества этой функции на практике.
📺 YouTube
WebDEV #видео #React #js
YouTube
NextJS Быстрый Курс - SSR на React JS
Исходный код тут: https://xn--r1a.website/js_by_vladilen/207
Если вы хотите увидеть работу ИИ изнутри и собрать свой первый проект за 3 дня, присоединяйтесь к марафону. Вы пройдёте путь разработчика в комфортном темпе и получите результат уже в первый день.
Регистрация…
Если вы хотите увидеть работу ИИ изнутри и собрать свой первый проект за 3 дня, присоединяйтесь к марафону. Вы пройдёте путь разработчика в комфортном темпе и получите результат уже в первый день.
Регистрация…
Как работают веб-приложения
Автор полностью разобрал, через какой путь проходят веб-запросы, начиная с поиска доменного имени, заканчивая формированием и отображением результата в браузере.
В видео рассказывается про DNS, Cookie, типы запросов HTTP (GET, POST), обработку запроса, взаимодействие с базой данных, кеширование и ещё целую кучу особенностей фронтенд разработки.
📺 YouTube
WebDEV #видео #web
Автор полностью разобрал, через какой путь проходят веб-запросы, начиная с поиска доменного имени, заканчивая формированием и отображением результата в браузере.
В видео рассказывается про DNS, Cookie, типы запросов HTTP (GET, POST), обработку запроса, взаимодействие с базой данных, кеширование и ещё целую кучу особенностей фронтенд разработки.
📺 YouTube
WebDEV #видео #web
YouTube
Как работают веб приложения. Что происходит, когда вы вводите адрес в браузере
Как запросы от браузера посылаются к серверу, как они обрабатываются на сервере, как серверное приложение работает с базами данных, как присылает ответ серверу, как браузер показывают страницу и про front-end приложения.
0:00 Вступление
0:33 DNS, Получение…
0:00 Вступление
0:33 DNS, Получение…
Go + React
Go используется для Backend разработки, а React — для Frontend. Чтобы объединить Go с библиотекой на JavaScript, нужно правильно настроить CORS.
Автор рассказывает, как это сделать, какие могут быть проблемы с безопасностью (и как их решить), а также создаёт пример сайта с Go & React.
📺 YouTube
WebDEV #видео #JavaScript #React #Go
Go используется для Backend разработки, а React — для Frontend. Чтобы объединить Go с библиотекой на JavaScript, нужно правильно настроить CORS.
Автор рассказывает, как это сделать, какие могут быть проблемы с безопасностью (и как их решить), а также создаёт пример сайта с Go & React.
📺 YouTube
WebDEV #видео #JavaScript #React #Go
YouTube
ДРУЖБА GOLANG И REACTJS! НАСТРАИВАЕМ CORS
#golang #reactjs #howto #cors
Приятного просмотра!
Не забываем про Телеграмм группу:
Telegram Group: https://xn--r1a.website/theartofdevel
И канал:
Telegram Channel: https://xn--r1a.website/theartofdev
Поддержи выход новых видео на Патреоне!
https://www.patreon.com/theartofdevelopment…
Приятного просмотра!
Не забываем про Телеграмм группу:
Telegram Group: https://xn--r1a.website/theartofdevel
И канал:
Telegram Channel: https://xn--r1a.website/theartofdev
Поддержи выход новых видео на Патреоне!
https://www.patreon.com/theartofdevelopment…
Полный Full Stack-курс
Full Stack — человек, который разрабатывает все приложения самостоятельно (пишет и Fronted, и Backend). В данном случае вам потребуется знать MongoDB, Express, React и NodeJS.
После просмотра вы научитесь писать свой Backend, работать с MongoDB, деплоить приложение, подключать аутентификацию с помощью JWT, а также объединять Fronted и Backend.
📺 YouTube
WebDEV #видео #React #NodeJS
Full Stack — человек, который разрабатывает все приложения самостоятельно (пишет и Fronted, и Backend). В данном случае вам потребуется знать MongoDB, Express, React и NodeJS.
После просмотра вы научитесь писать свой Backend, работать с MongoDB, деплоить приложение, подключать аутентификацию с помощью JWT, а также объединять Fronted и Backend.
📺 YouTube
WebDEV #видео #React #NodeJS
YouTube
Полный Full Stack курс ReactJS + NodeJS для начинающих за 4 часа! (MongoDB, Express, React, NodeJS)
В этом видео ты научишься с нуля разрабатывать бэкенд на стэке MERN (MongoDB, Express, React, NodeJS) и подключать к фронтенду свой бэкенд. Также, к завершению урока ты научишься деплоить своё приложение на Heroku + Vercel.
Курс идеально подойдёт для новичков…
Курс идеально подойдёт для новичков…
Я пробовал 10 редакторов кода
10 лучших редакторов кода для программистов в 2022 году. Мы начнем с изучения простых текстовых редакторов, таких как vim, а затем покажем эволюцию в интегрированных средах разработки, таких как Visual Studio.
📺 YouTube
WebDEV #видео
10 лучших редакторов кода для программистов в 2022 году. Мы начнем с изучения простых текстовых редакторов, таких как vim, а затем покажем эволюцию в интегрированных средах разработки, таких как Visual Studio.
📺 YouTube
WebDEV #видео
YouTube
I tried 10 code editors
The top 10 code editors for programmers in 2022. We start by exploring simple text editors like vim, then show the evolution to IDEs like Visual Studio.
#programming #code #top10
🔗 Resources
VS Code course https://fireship.io/courses/vscode-tricks
Editor…
#programming #code #top10
🔗 Resources
VS Code course https://fireship.io/courses/vscode-tricks
Editor…
Инструменты веб-разработчика
Инструменты веб-разработчика это различные сайты, программы и сервисы которые мы используем в своей работе. В этом видео курсе мы будем устанавливать необходимы для веб-разработки программы. Так же я расскажу вам о некоторых полезных сайтах (сервисах), которые помогут нам выполнять некоторые действия.
Мы рассмотрим работу с Google Fonts, Font Awesome, Swiper.js, 960 grid system, Hover.css, Firefox Developer Edition, CodePen, Material Palette и многое другое.
📺 YouTube
WebDEV #видео
Инструменты веб-разработчика это различные сайты, программы и сервисы которые мы используем в своей работе. В этом видео курсе мы будем устанавливать необходимы для веб-разработки программы. Так же я расскажу вам о некоторых полезных сайтах (сервисах), которые помогут нам выполнять некоторые действия.
Мы рассмотрим работу с Google Fonts, Font Awesome, Swiper.js, 960 grid system, Hover.css, Firefox Developer Edition, CodePen, Material Palette и многое другое.
📺 YouTube
WebDEV #видео
Нужен ли TypeScript Вашему проекту?
TypeScript обрёл свою популярность за счёт решения проблем с динамической типизацией с использованием статической типизации.
Но всё ли так хорошо? И будет ли TypeScript приносить пользу, а не вред вашему проекту? Эти и другие вопросы как раз подробно разбираются в этом ролике.
📺 YouTube
WebDEV #видео #TypeScript
TypeScript обрёл свою популярность за счёт решения проблем с динамической типизацией с использованием статической типизации.
Но всё ли так хорошо? И будет ли TypeScript приносить пользу, а не вред вашему проекту? Эти и другие вопросы как раз подробно разбираются в этом ролике.
📺 YouTube
WebDEV #видео #TypeScript
YouTube
Нужен ли TypeScript Вашему проекту?
Нам все чаще намекают, что TypeScript это единственно правильный путь развития Frontend разработчика. С другой стороны периодически мелькают статьи на тему "Нужен ли TypeScript в 2020?". Данное видео поможет Вам разобраться во всех этих мнениях!
Поддержать…
Поддержать…
React Native за 100 секунд
React Native позволяет разработчикам создавать кроссплатформенные приложения для iOS, Android и веба из единой кодовой базы JavaScript. Начните создавать свое первое нативное мобильное приложение с помощью React Native.
📺 YouTube
WebDEV #видео #ReactNative
React Native позволяет разработчикам создавать кроссплатформенные приложения для iOS, Android и веба из единой кодовой базы JavaScript. Начните создавать свое первое нативное мобильное приложение с помощью React Native.
📺 YouTube
WebDEV #видео #ReactNative
YouTube
React Native in 100 Seconds
React Native allows developers to build cross-platform apps for iOS, Android, and the Web from a single JavaScript codebase. Get started building your first native mobile app with React Native
#react #mobiledev #100SecondsOfCode
🔗 Resources
React Native…
#react #mobiledev #100SecondsOfCode
🔗 Resources
React Native…