- Видео 17
- Просмотров 29 487
webcoderofficial
Россия
Добавлен 29 июн 2021
Telegram канал с бесплатными обучающими материалами - t.me/senior_javascript
Здесь с командой ежедневно публикуем для вас тесты для проверки знаний, теорию, макеты для верстки, задачи для подготовки к собеседованию, полезные инструменты, а также многое другое
Здесь с командой ежедневно публикуем для вас тесты для проверки знаний, теорию, макеты для верстки, задачи для подготовки к собеседованию, полезные инструменты, а также многое другое
Отличия useEffect, useLayoutEffect и componentDidMount. Курс по React. React хуки.
Друзья, приветствую вас. В этом уроке мы сравним хуки useEffect и useLayoutEffect, а также рассмотрим componentDidMount. Информация очень полезная, по моему опыту, многие разработчики на собеседовании валятся на этом вопросе. Надеюсь вам понравится!
Как обычно ждем обратную связь) Пишите в комментариях, какие темы хотите увидеть в следующих выпусках
Таймкоды:
00:00 ➝ Мой канал с анонсами и бесплатными обучающими материалами
00:37 ➝ Введение
00:50➝ Рассматриваем componentDidMount()
02:15➝ useEffect()
03:51➝ useLayoutEffect()
Мой Telegram канал с анонсами бесплатными обучающими материалами - t.me/senior_javascript
Готовый код будет также здесь ☝
Как обычно ждем обратную связь) Пишите в комментариях, какие темы хотите увидеть в следующих выпусках
Таймкоды:
00:00 ➝ Мой канал с анонсами и бесплатными обучающими материалами
00:37 ➝ Введение
00:50➝ Рассматриваем componentDidMount()
02:15➝ useEffect()
03:51➝ useLayoutEffect()
Мой Telegram канал с анонсами бесплатными обучающими материалами - t.me/senior_javascript
Готовый код будет также здесь ☝
Просмотров: 524
Видео
#1: Интернет-магазин уровня Middle. Структура проекта, линтеры, Storybook. Курс по React, Redux, TS.
Просмотров 3 тыс.Год назад
Друзья, приветствую вас на первом уроке моего нового объемного курса уровня Middle, в котором мы сделаем интернет-магазин. Использовать будем React, RTK, TypeScript, Jest, Storybook, Eslint, Stylelint и многое другое) В этом видео мы зададим структуру проекта, установим Storybook, настроим линтеры. Постарался подробно описывать каждый шаг, надеюсь будет понятно, а главное полезно!) Таймкод...
#1: Rick and Morty - создаем проект в портфолио (junior). RTK Query. Пагинация, фильтрация.
Просмотров 1,4 тыс.Год назад
В этом видео создадим слайдер на React без использования каких либо библиотек. Постарался подробно описывать каждый шаг, надеюсь будет полезно!) Используем: - ReactJS 18 - TypeScript - Redux Toolkit (хранение данных) - React Router v6 (навигация) - RTK Query (отправка запроса, получение данных о персонажах) - React Hooks (хуки) - Prettier (форматирование кода) - React Pagination (пагинация...
Делаем СЛАЙДЕР на чистом ReactJS без использования библиотек. Курс по React. Используем TypeScript
Просмотров 8 тыс.Год назад
В этом видео создадим слайдер на React без использования каких либо библиотек. Постарался подробно описывать каждый шаг, надеюсь будет полезно!) Таймкоды: 00:00 ➝ Введение 00:32 ➝ Мой канал с бесплатными обучающими материалами 00:55➝ Приступаем к написанию. Верстка 05:40➝ Логика работы слайдера 15:59➝ Реализация зацикливания слайдера 19:50➝ Реализация автоматического переключения слайдов М...
Оптимизация React приложения. Избавляемся от ненужных ререндеров. useMemo, useCallback
Просмотров 1,3 тыс.Год назад
В этом ролике мы поговорим о том, как можно оптимизировать React приложения. Поговорим про хуки useMemo и useCallback. Рассмотрим на примере, почему стоит разделять код на компоненты. Таймкоды: 00:00 ➝ Введение 00:26 ➝ Разделяйте код на компоненты! 06:00➝ useMemo 10:16➝ useCallback 10:45➝ Время ставить лайки и писать комменты :) Telegram канал с бесплатными обучающими материалами - t.me/senior_...
Красивая CSS Анимация Изображений - Эффект при Наведении [2021]
Просмотров 1,1 тыс.2 года назад
Красивая CSS Анимация Изображений - Эффект при Наведении [2021] Всем привет! 💥 В этом уроке научимся создавать крутую анимацию при наведении на картинки. Сделать данную анимацию очень легко( не дольше 5 минут). Постарался объяснить максимально подробно, надеюсь вам было всё понятно!). Если вы не хотите писать код своими руками, его можно скачать в моём ТГ канале, однако я рекомендую написать ег...
JavaScript Основы для Начинающих - Условные Операторы [2021]
Просмотров 1492 года назад
JavaScript Основы для Начинающих - Условные Операторы [2021] Всем привет! 💥 В этом уроки разберем условные операторы JavaScript. Уверен, будет полезно! Условные операторы - это операторы языка JavaScript, которые в зависимости от некоторого условия позволяют выполнить одно или несколько определённых инструкций. Виды условных операторов в JavaScript: *условный оператор if (с одной ветвью); *усло...
Выпадающее меню на чистом CSS | Плавное БУРГЕР МЕНЮ без JS
Просмотров 5 тыс.2 года назад
Всем привет! 💥 В этом уроке вы научитесь создавать плавное анимированное выпадающее бургер меню на чистом HTML/CSS без единой строчки Javascript кода. Уверен, будет полезно! Скачать код можно в моём ТГ. 💬 Всё ли было понятно? Пиши в комментарии! 👉🏻Больше полезной информации: 👉🏻Конспекты и разбор кода программ здесь: ✅Telegram: t.me/webcoderofficial ✅Instagram: webcoderofficial 👉🏻П...
JavaScript Основы для Начинающих - Логические Операции [2021]
Просмотров 1212 года назад
JavaScript Основы для Начинающих - Логические Операции [2021] 💥 В этом уроке описаны логические операторы. JavaScript поддерживает три логических оператора: || (ИЛИ), && (И) и ! (НЕ), которые очень часто используются в условных конструкциях, например if, while или for. Благодаря логическим операторам можно объединять два выражения в одно более сложное. Конспект в Инстаграмме! 💬 Всё ли было поня...
Анимация Элементов при Скролле Страницы. AOS. Установка и Настройка Библиотеки.
Просмотров 8662 года назад
Анимация Элементов при Скролле Страницы. AOS. Установка и Настройка Библиотеки. 🌐 Фронтенд разработчики часто сталкиваются с тем, что клиенты просят реализовать на сайте какие-то потрясающие эффекты - анимацию при прокрутке страницы. Да, конечно, можно такие эффекты создать на CSS самостоятельно, потратив несколько часов на попытки сделать достойную анимацию. Но для этих целей уже создано множе...
ГАЛЕРЕЯ ИЗОБРАЖЕНИЙ + СЛАЙДЕР за 11 минут - LightBox. Подключение и Настройка Библиотеки.
Просмотров 5 тыс.2 года назад
ГАЛЕРЕЯ ИЗОБРАЖЕНИЙ СЛАЙДЕР за 11 минут - LightBox. Подключение и Настройка Библиотеки. В этом уроке мы создадим адаптивную галерею изображений с использованием библиотеки LightBox. Уверен, будет полезно! Ссылка для скачивания: github.com/lokesh/lightbox2 Больше опций для настройки в моём посте инстаграм: pCRDoYGpDTda/ 👉🏻Больше полезной информации: 👉🏻Конспекты и разбор кода прогр...
Делаем ФОРМУ ОБРАТНОЙ СВЯЗИ ДЛЯ САЙТА! Отправка Сообщений на Почту! HTML + PHP
Просмотров 1,8 тыс.2 года назад
Делаем ФОРМУ ОБРАТНОЙ СВЯЗИ ДЛЯ САЙТА! Отправка Сообщений на Почту! HTML PHP В этом уроке напишем форму на HTML и PHP. После этого зальём результат на хостинг и удостоверимся в работоспособности! Уверен, будет полезно! 👉🏻Больше полезной информации: 👉🏻Конспекты и разбор кода программ здесь: ✅Telegram: t.me/webcoderofficial ✅Instagram: webcoderofficial 👉🏻Подписывайтесь! Тайм коды: 0...
JavaScript Основы для Начинающих - Базовые операции [2021]
Просмотров 1092 года назад
JavaScript Основы для Начинающих - Базовые операции [2021]
JavaScript Основы для Начинающих - Переменные и Типы данных [2021]
Просмотров 1942 года назад
JavaScript Основы для Начинающих - Переменные и Типы данных [2021]
У вас ссылка на Телеграм не работает
А если цель сразу три слайда, как изменить код?
автор кекс выложил обучающее видео но доки показывать не хочет XDDD
Название приложения скажите?
Вот как сделать еще лучше! Уменьшить размер текста, пусть будет еще хуже видно и еще больше бесполезного пространства. И говрить еще тише, а лучше уйти вообще в другую комнату! Это лишь стимулирует мозг зрителя, и он лучше усвоит информацию.
Спасибо! Все понятно и подача приятная)
Чувак явно курс алби насмотрелся))
Помогите, пожалуйста, разобраться. Откуда мы берём prevstate??
UPD: стилей нет, а без них весь код оказывается нерабочим. Печаль и минус 100 в карму автору. А жаль, начало было обнадеживающим.
Спасибо, дружище! Мега-крутая подача, без лишнего, но со всем необходимым!
Почему то не открывается сайт beGet после загрузки туда файлов (рекомендация поистить кэш чистил) все равно не запускает. Хотя пишет что сайт готов
Проблему решил перезаливом кода
Лучший! Летим!
React это же и есть библиотека JS разве нет?
Продолжение будет?
👍👍👍
thank !
Спасибо. Еще бы адаптив сделать вообще б супер было
Спасибо большое за видео, а можно ли сделать так, чтобы стрелки были всегда видны?
Никогда не знаешь где в закоулку окажется топовый видос. Молодец хорошая подача без воды. Отличная дикция. Давай у тебя будет норм приход. Делаю тестовое и не мог сделать пагинацию огромное спасибо. Жаль что нету второй части . Так нужна пагинация
очень тяжело смотреть код, не хватает разрешения. Темы немного затянуты. Но все равно спасибо за контент
Всего хватает... Все хорошо видно и на 1920 и на 1600
Какие параметры компа, на котором работает автор?
Все отлично, успехов каналу, только на мобиле все кажется мелким. Возможно стоит увеличить масштаб
Привет, делаю слайдер, с точками внизу, автоматическое переключение точек получилось, а изображения не получается, может помочь?
а как при помощи твоего инструмента добавить допустим на три блока div классы, это я хочу сделать несколько слайдов
на канале нет ничего про код этого урока, увы не нашёл
Спасибо огромное, благодаря тебе реализовал слайдер без использования сторонних библиотек
Огромное спасибо за ваше видео! Мне очень помогло!
ретёрн, пожалуйста, не ретарн 🙏 спасибо за урок
Можете немного увеличить экран, чтобы лучше было аидно код?
как я понимаю, ранее обьявленный курс по Frontend уже можно не ждать?
Курс будет. Ролики будут чередоваться
когда следующие видео будет
привет . кутой урок , спасибо . А как часто будет выходить продолжение ?
Привет, на этой неделе 100% будет следующий урок
Why does import React from 'react' doesn’t work? Should I check my decencies first?
А есть видео как привязать реакт проект к домену
надеюсь ты сможешь реализовать полноценны магазин с оплатой, ну и с каким ни каким беком
каналы в тг реально годные
Рад слышать)
Где-то я уже это слышала всё, даже знаю где 😉
Ульби
@@helenit4365 да да) ой некрасиво так делать, автор
Так а где слышала-то?
Очень хочется узнать где)
Кто то сливает Курс Улби? =)
Наверное применяет на практике)
Хех,а я думал,что я один это заметил))
Нет, это не слив курса. Мы будем делать интернет магазин. Если ты про методологию, то она как раз и нужна для больших проектов.
@@webcoderofficial5886 Если будешь слушать всех подряд, не получится что то сделать хорошее. Делай как задумал. Тем более что тема магазина как никакая другая раскрывает как работать со стейт-менеджментом, делать асинхронщину и оптимизацию перерисовок.
как установить storybook с 18 реактом?
Точно также, в видео устаноален реакт 18 версии
К тому времени, когда я смогу понять это, как раз выйдут все серии)
Умножить наверное это время стоит вдвое. Это сложно понять вот так за месяц или даже 3. Минимум 6 месяцев. И то, если работы нет и сидишь дома только и учишь это всё.
Было бы хорошо, будь ролики по пол часа минимум.
Окей, приму к сведению)
Отличное видео и очень нужный курс! Только боюсь затянется месяца на три не меньше((( Но всё равно буду всё смотреть! Подписалась на телеграмм и ютуб, поставила лайк!) Надеюсь, что ты не забросишь этот проект!
лайк поставил, ждем продолжения)
Спасибо огромное!💞
Проект с апи рик и морти будет продолжаться или фокус переходит на этот курс?
Фокус перейдёт на этот, но функционал, который там был запланирован, 100% реализуем здесь
Как часто будут выходить уроки?
2-3 ролика в неделю
Круто, только постоянный фэйт на склейках напрягает. Очень часто
Поправим)
Спасибо за видео!
Спасибо!
продолжения не будет ?(
Будет новый большой проект, там будет гораздо больше функционала)
В том числе и то, что здесь было запланировано на вторую часть
привет , а есть исходный код ?