- Видео 21
- Просмотров 243 334
Влад Калачев - JavaScript уроки
Россия
Добавлен 9 июл 2020
Доброго времени суток, друзья. Меня зовут Владислав Калачев, и на моем канале вы сможете полностью погрузится в мир JavaScript. Ну что, начнем?
Как найти работу джуну без опыта? пошаговая инструкция
В этом видео я расскажу все, что вам нужно знать, чтобы устроиться на работу в IT без опыта.
Tайм-коды:
00:00:00 Введение
00:00:24 1_Цель
00:02:16 2_База работодателей
00:03:58 3_Резюме
00:06:30 4_Отправить резюме
00:07:11 5_Cобеседования
00:08:36 6_Испытательный срок
00:09:41 Страхи
Видео о useState:
➞ goo.su/2i0S
Видео о useEffect:
➞ goo.su/2i0t
Учим React хуки (плейлист):
➞ goo.su/2I0t
Мой сайт:
➞ webtricks-master.ru/
Подписывайся на соц сети:
➞ Telegram: t.me/joinchat/AAAAAFCDAQ8UfC9K7temqg
➞ Instagram: corvaxv
➞ VK: vladislavkalachov
➞ Группа VK: corvaxweb
➞ Мой github: github.com/VladKalachev
#работа #собеседования #владкалач
Tайм-коды:
00:00:00 Введение
00:00:24 1_Цель
00:02:16 2_База работодателей
00:03:58 3_Резюме
00:06:30 4_Отправить резюме
00:07:11 5_Cобеседования
00:08:36 6_Испытательный срок
00:09:41 Страхи
Видео о useState:
➞ goo.su/2i0S
Видео о useEffect:
➞ goo.su/2i0t
Учим React хуки (плейлист):
➞ goo.su/2I0t
Мой сайт:
➞ webtricks-master.ru/
Подписывайся на соц сети:
➞ Telegram: t.me/joinchat/AAAAAFCDAQ8UfC9K7temqg
➞ Instagram: corvaxv
➞ VK: vladislavkalachov
➞ Группа VK: corvaxweb
➞ Мой github: github.com/VladKalachev
#работа #собеседования #владкалач
Просмотров: 3 478
Видео
Пишем список задач на React (React Hooks)
Просмотров 35 тыс.3 года назад
В этом видео я расскажу все, что вам нужно знать для создания своего списка задач (Todo list) используя React (React Hooks). Исходники тут: github.com/VladKalachev/lesson-todos-react Tайм-коды: 00:00:00 Пример Todo List 00:01:09 Подготовка шаблона 00:03:45 App компонент 00:06:30 ToDoForm компонент 00:13:30 ToDo компонент Видео о useState: ➞ goo.su/2i0S Видео о useEffect: ➞ goo.su/2i0t Учим Reac...
Custom Hooks на примерах. Пишем свой useInput, useFetch, useTheme - React Hooks
Просмотров 8 тыс.3 года назад
В этом видео я расскажу все, что вам нужно знать для создания своих собственных хуков. Данное видео продолжает серию уроков React Hooks. Исходники тут: github.com/VladKalachev/lesson-custom-hooks Мой сайт (статья по теме): ➞ clck.ru/SsthJ Tайм-коды: 00:00:00 Как можно написать свой хук? 00:00:55 Пишем useInput 00:10:22 Пишем useFetch 00:17:56 Пишем useTheme Видео о useState: ➞ goo.su/2i0S Видео...
Учим useLayoutEffect за 6 минут - React Hooks
Просмотров 4 тыс.3 года назад
В этом видео я расскажу все, что вам нужно знать для начала работы с useLayoutEffect. Данное видео продолжает серию уроков React Hooks. Исходники тут: github.com/VladKalachev/react-hooks Tайм-коды: 00:00:00 О чем данное видео 00:00:28 Зачем нужен useLayoutEffect? 00:01:17 Пример 00:03:35 useEffect и useLayoutEffect Видео о useState: ➞ goo.su/2i0S Видео о useEffect: ➞ goo.su/2i0t Учим React хуки...
Учим useCallback за 7 минут - React Hooks
Просмотров 12 тыс.3 года назад
В этом видео я расскажу все, что вам нужно знать для начала работы с useCallback. Данное видео продолжает серию уроков React Hooks. Исходники тут: github.com/VladKalachev/react-hooks Tайм-коды: 00:00:00 О чем данное видео 00:00:32 Зачем нужен useCallback? 00:02:16 Оптимизации с использованием useCallback Видео о useState: ➞ goo.su/2i0S Видео о useEffect: ➞ goo.su/2i0t Учим React хуки (плейлист)...
Как подключить sass к react?
Просмотров 17 тыс.3 года назад
В этом видео я расскажу все, что вам нужно знать для того, чтобы добавить sass в ваш React (create-react-app) проект. Tайм-коды: 00:00:00 Введение 00:00:35 Новый create-react-app проект 00:01:23 node-sass 00:03:00 Проблемы с установкой 00:06:07 Заключение Видео о useState: ➞ goo.su/2i0S Видео о useEffect: ➞ goo.su/2i0t Учим React хуки (плейлист): ➞ goo.su/2I0t Мой сайт: ➞ webtricks-master.ru/ П...
Учим useReducer за 14 минут - React Hooks
Просмотров 8 тыс.3 года назад
В этом видео я расскажу все, что вам нужно знать для начала работы с useReducer. Данное видео продолжает серию уроков React Hooks. Исходники тут: github.com/VladKalachev/react-hooks Tайм-коды: 00:00:00 О чем данное видео 00:00:27 Начало работы 00:01:12 Зачем нужен useReducer? 00:02:20 Параметры useReducer 00:02:27 reducer 00:04:24 state 00:06:38 init Видео о useState: ➞ goo.su/2i0S Видео о useE...
Быстрый курс по Redux Middleware. Пишем свои middleware Logger | Thunk
Просмотров 5 тыс.3 года назад
В данном видео я покажу как быстро добавить Redux в ваш проект. Что такое Middleware? Как написать свою Мiddleware для Redux? Напишем middleware Logger и Thunk. Разберем как работает Thunk и для чего он нужен. Исходники тут: github.com/VladKalachev/redux-middleware-lesson Tайм-коды: 00:00:00 О чем это видео 00:00:39 Установка Redux 00:01:20 Компонент Counter 00:02:06 Добавляем store 00:05:18 Ху...
Быстрое создание ГАМБУРГЕР меню на jQuery / HTML / CSS
Просмотров 3,3 тыс.3 года назад
Как быстро сделать гамбургер мобильное меню используя JQuery HTML CSS? В этом видео я расскажу как вы можете сделать гамбургер меню используя JQuery, HTML и CSS. Исходники тут: github.com/VladKalachev/menu-template-js Tайм-коды: 00:00:00 Готовое меню 00:00:52 HTML 00:01:10 CSS 00:02:02 Гамбурге 00:05:47 Добавление jQuery 00:10:10 Исправление бага скрытого меню Видео о useState: ➞ goo.su/2i0S Ви...
Создание МЕНЮ на чистом CSS / HTML
Просмотров 1,3 тыс.3 года назад
Как быстро сделать меню на чистом CSS / HTML? В этом видео я расскажу как вы можете сделать адаптивное меню на чистом СSS, HTML, без использования JavaScript. Исходники тут: github.com/VladKalachev/menu-template-css Tайм-коды: 00:00:00 Пример готового меню 00:01:14 Создание проекта 00:01:33 HTML 00:05:38 CSS 00:10:24 Адаптив Видео о useState: ➞ goo.su/2i0S Видео о useEffect: ➞ goo.su/2i0t Учим ...
Как быстро сделать слайдер фотографий на чистом JavaScript? Пишем свой плагин карусель на JavaScript
Просмотров 3,2 тыс.3 года назад
В этом видео я расскажу как можно сделать слайдер фотографий на чистом JavaScript. Мы напишем плагин карусели на JS Tайм-коды: 00:00:00 Вступление 00:00:32 Структура с нуля 00:00:54 HTML 00:03:42 CSS 00:06:21 JavaScript 00:08:40 ES5 00:17:16 ES6 Видео о useState: ➞ goo.su/2i0S Видео о useEffect: ➞ goo.su/2i0t Учим React хуки (плейлист): ➞ goo.su/2I0t Мой сайт: ➞ webtricks-master.ru/ Подписывайс...
Обзор VSCode Stories. Плагины VSCode
Просмотров 3844 года назад
В этом видео я разберу работу с VSCode Stories плагином для создания историй внутри Visual Studio Code. Теперь делиться своим кодом c сообществом стало проще в модном формате историй. Tайм-коды: 00:00:00 Вступление 00:00:17 Установка 00:00:43 Смотрим чужие stories 00:01:34 Создаем свою stories 00:03:32 Выводы по плагину Stories Видео о useState: ➞ goo.su/2i0S Видео о useEffect: ➞ goo.su/2i0t Уч...
Что должен знать junior front-end разработчик? Как стать front-end разработчиком?
Просмотров 8 тыс.4 года назад
В этом видео я расскажу все, что вам нужно знать для начала работы junior front-end. Мы рассмотрим конкретные навыки и знания, которыми должен обладать junior front-end разработчик для успешного прохождения собеседований. Tайм-коды: 00:00:00 Вступление 00:00:27 Почему я? 00:00:59 HTML 00:01:19 CSS 00:01:37 Препроцессоры (SASS, LESS, Stylus) 00:02:06 JS 00:02:53 Git 00:03:50 Английский язык 00:0...
Учим useContext за 10 минут - React Hooks. Вся база React Context API
Просмотров 25 тыс.4 года назад
В этом видео я расскажу все, что вам нужно знать для начала работы с useContext. Вся база React Context API. Данное видео продолжает серию уроков React Hooks. 00:00:00 Вступление 00:00:24 Что такое контекст? React Context API 00:03:40 Практика 00:04:01 React.createContext 00:06:52 useContext Видео о useState: ➞ goo.su/2i0S Видео о useEffect: ➞ goo.su/2i0t Учим React хуки (плейлист): ➞ goo.su/2I...
GitHub profile README. Прокачай свой GitHub профиль!
Просмотров 8 тыс.4 года назад
В этом видео я расскажу все, что вам нужно знать для прокачки своего GitHub профиля. 00:00:00 Вступление 00:00:50 Стартовый GitHub профиль 00:05:43 Blog post workflow 00:06:05 Список постов 00:08:55 Список видео 00:11:44 GitHub Stats Card 00:14:08 GitHub Profile Views Counter Мой сайт: ➞ webtricks-master.ru/ Подписывайся на соц сети: ➞ Telegram: t.me/joinchat/AAAAAFCDAQ8UfC9K7temqg ➞ Instagram:...
Учим useRef за 7 минут - React Hooks
Просмотров 13 тыс.4 года назад
Учим useRef за 7 минут - React Hooks
Учим useMemo за 10 минут - React Hooks
Просмотров 16 тыс.4 года назад
Учим useMemo за 10 минут - React Hooks
Как получить данные с сервера? Учим Fetch API за 10 минут
Просмотров 40 тыс.4 года назад
Как получить данные с сервера? Учим Fetch API за 10 минут
Учимся кодить на JavaScript. Типы данных.
Просмотров 7574 года назад
Учимся кодить на JavaScript. Типы данных.
Учим useEffect за 13 минут - React Hooks
Просмотров 19 тыс.4 года назад
Учим useEffect за 13 минут - React Hooks
Учим useState за 8 минут - React Hooks
Просмотров 13 тыс.4 года назад
Учим useState за 8 минут - React Hooks
Спасибо, очень доходчиво и наглядно
звук клавиатуры просто ужасно
Учим useRef за 7 минут - переименуй, как потерять 7 минут из жизни, все что ты тут наговорил - 1 в 1 есть в что в нейронках, что просто в виде текста. А как работать с поднятием состояния, Если нужно передать ссылку в другое место? Как использовать функции и пропсы для восходящего и нисходящего потока?
Спасибо! Помогло.
легенда
Привет, хороший контент. А подскажи пожалуста, могу ли я создать в глобальном файле sass переменные, а потом испоьзовать их в модульных файлах? Тоесть уже по сути в отдельных sass файлах. Я создал общий файл подключил его к main.jsx, но в модульном файле header.module.scss эти переменные недоступны :( . Как это можно исправить?
уэн
Жесть, я посмотрел примерно миллиард видосов про Middleware и про Middleware Thunk, но только у тебя наконец эту логику понял, спасибо тебе за этот видос!
- Откуда берутся данные по ссылке localhost:5000/users ? У меня, ясно дело, ничего не подгрузилось, Uncaught (in promise) TypeError: Failed to fetch - Почему аргументом в then добавляется res? Откуда он взялся, ты ведь его не объявлял. Мы можем добавить любое значение и все будет работать? Ты ни хера не объясняешь, тем самым только запутываешь. Не снимай и не учи, ты не понимаешь методологию преподавания. Боже, сколько же шлака на ютуб, от людей которые не умеют учить. Всем им тупо лень составить схему того, что они будут снимать. Запускают съемку экрана и устраивают стримы (((
17:16 Почему в функции const handleToggle=(id)=> { setTodos([ ...todos.map((item)=> item.id===id ? {...item, complete: !item.complete} : {...item} ) ]) } не применяются фигурные скобки {} внутри функции map после item, вот так : const handleToggle=(id)=> { setTodos([ ...todos.map((item)=> { item.id===id ? {...item, complete: !item.complete} : {...item} } ) ]) }
1:30 then читается ближе к русскому "зэн" чем к "вэн". Вэн это другое английское слово: When.
Вэн это перфоманс артист мужских гетеросексуальных фильмов
А почему схлопываются вызовы? Батчинг?
худшее видео, вообще ничего не видно, что вы пишете на экране. Зачем заливать такое видео? вы могли просто говорить, разницы все равно нет.
капец размытый текст кода, смотрю в 1080, а такое чувство, что в 480р видос)
Спасибо за видео!
Очень понятое объяснение, но видимо что-то уже устарело и не работает. Счётчик списка задач не обновляется, в консоль вылетает ошибка Uncaught и сразу обновляется вся страница.
а если версия node js 18.14.2, то как установить node-sass?
Спасибо
Влад ты куд пропал фронтенд тем лид одной из московской компаний
спасибо Бро
Создал репозиторий, написал текст с помощью HTML, сохранил, в профиле пусто. Почему?
МУЖИК, СПАСИБО ТЕБЕ!!! УВАЖУХА!!!
хорошее видео, спасибо. Все видео о useContext в youtube на примере смены тем. Неужели он более не на что не годится
хаха, если не обманешь в резюме, то на собес вообще не попадешь, уж лучше на самом собесе выкручиваться
Спасибо очень доступно и понятно:)
Я все делаю также сохраняю репозиторий, но на главной странице ничего не закрепилось. Мой Редми просто лежит в репозиторие и все. Его нет на главной странице профиля. Только pined projects
1. 4:56 Это наверное прикол, они("значения") как бы схлопываются и мы бла бла бла, вот так он работает! Понятно как оно работает, осталось только автору видео. 2. 5:11 Перерендер не происходит, бля ТимЛид разберись как работает useState(), у тебя справа в консоле выводятся значения value и там видно что числа меняются, сразу могу подкинуть тему для следующего видео, что делает console.log(). А теперь объяснение как оно на самом деле работает: При использовании useEffect он срабатывает после того как компонент закончил монтирование в DOM дерево, useLayoutEffect срабатывает во время чтения компонента до его встраивания в DOM дерево
я искал этот коммент!
При добавлении элемента все пропадает, ни одного тэга, белая страница. В чем проблема? Код с гитхаба взял
С вёрстки дива "root"исчезает всё ((( втф
Сделал слайдер для карточки товара, когда он один, всё отлично работает, но когда я делаю несколько их, то остальные уже не работают, не знаешь как решить эту тему?
Очень круто и понятно)
Поставил счётчик. Но заметил что после перезагрузки страницы он добавляет +1 просмотр. Как сделать чтобы этого небыло, сам себе накрутил около 20 просмотров XD
Мужик спасибо тебе! Выручил 👍
как вы сказали весь компонент будет ререндерится - ruclips.net/video/8Lt2HUhGKiU/видео.html как решать такие вопросы? можно более сложный пример? решает ли этот вопрос Redux?
У тебя в микрофон стук клавиш попал.
Спасибо за видео! Очень "заходят" Ваши объяснения:)
Лайк, подписка. Супер спасибо
учусь на курсах по фронту за 40к рублей и когда там объясняли тему toDoList этот учитель объяснил точь в точь как автор данного канала. Отличное объяснение, желаю удачи автору))))
даже названия переменных точь в точь под копирку
если ты учишься на курсе где обьясняют ТАК, то такой себе курс честно говоря
💣💣💣💣
тим лид) музаза , На плюсик нажимает и 0 => 2 класс
Огромное спасибо! боже я столько перелапатила всяких ресурсов чтобы это сделать ! А у вас в одном видосике на 10 минут!
Да ну вроде легко найти главное нормальные запросы в ютуб делать
сценарий скопирован с ruclips.net/video/cuEtnrL9-H0/видео.html, но зато с полезными доработками.
Не для новичков урок
Здраствуйте. Вопрос. Изучил немного css и html. Научился адаптировать сайт. Что дальше учить? JS?
5 раз собираю в удовольствие) из всех тудушек на просторах эта просто топчик
Да классно разъяснил! Спасибо за урок!
Спокойный, хороший тим лид. Можно к вам на работу верстальщиком и немного реактом устроится? Сделал тасклист и калькулятор на реакте, есть около 7 своих лендиногов на своем серваке wordpress
У тебя у единственного показано клонирование на iOS все остальные показывают на винде.
Привет. Как найти на макс клонированный файл чтобы занести его в VS Code? ты это упустил в видео "чтобы не тратить ваше время"))) но на этом моменте затык(
херня
Условие SetTheme как правильно прочитать?
бред.... Сам себе объяснил...