Влад Калачев - JavaScript уроки
Влад Калачев - JavaScript уроки
  • Видео 21
  • Просмотров 233 208
Как найти работу джуну без опыта? пошаговая инструкция
В этом видео я расскажу все, что вам нужно знать, чтобы устроиться на работу в 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
#работа #собеседования #владкалач
Просмотров: 3 453

Видео

Пишем список задач на 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
Просмотров 7 тыс.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
Просмотров 3,9 тыс.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,2 тыс.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,2 тыс.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,1 тыс.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
Просмотров 3803 года назад
В этом видео я разберу работу с 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 разработчиком?
Просмотров 7 тыс.3 года назад
В этом видео я расскажу все, что вам нужно знать для начала работы 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 тыс.3 года назад
В этом видео я расскажу все, что вам нужно знать для начала работы с 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 тыс.3 года назад
В этом видео я расскажу все, что вам нужно знать для прокачки своего 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
Просмотров 12 тыс.3 года назад
Учим useRef за 7 минут - React Hooks
Учим useMemo за 10 минут - React Hooks
Просмотров 16 тыс.3 года назад
Учим useMemo за 10 минут - React Hooks
Как получить данные с сервера? Учим Fetch API за 10 минут
Просмотров 34 тыс.3 года назад
Как получить данные с сервера? Учим Fetch API за 10 минут
Учимся кодить на JavaScript. Типы данных.
Просмотров 7483 года назад
Учимся кодить на JavaScript. Типы данных.
Учим useEffect за 13 минут - React Hooks
Просмотров 18 тыс.3 года назад
Учим useEffect за 13 минут - React Hooks
Учим useState за 8 минут - React Hooks
Просмотров 12 тыс.3 года назад
Учим useState за 8 минут - React Hooks

Комментарии

  • @unknown.6914
    @unknown.6914 2 месяца назад

    Привет, хороший контент. А подскажи пожалуста, могу ли я создать в глобальном файле sass переменные, а потом испоьзовать их в модульных файлах? Тоесть уже по сути в отдельных sass файлах. Я создал общий файл подключил его к main.jsx, но в модульном файле header.module.scss эти переменные недоступны :( . Как это можно исправить?

  • @idontremembermyname4353
    @idontremembermyname4353 2 месяца назад

    уэн

  • @NefedoffYuriy
    @NefedoffYuriy 3 месяца назад

    Жесть, я посмотрел примерно миллиард видосов про Middleware и про Middleware Thunk, но только у тебя наконец эту логику понял, спасибо тебе за этот видос!

  • @bikadV
    @bikadV 3 месяца назад

    - Откуда берутся данные по ссылке localhost:5000/users ? У меня, ясно дело, ничего не подгрузилось, Uncaught (in promise) TypeError: Failed to fetch - Почему аргументом в then добавляется res? Откуда он взялся, ты ведь его не объявлял. Мы можем добавить любое значение и все будет работать? Ты ни хера не объясняешь, тем самым только запутываешь. Не снимай и не учи, ты не понимаешь методологию преподавания. Боже, сколько же шлака на ютуб, от людей которые не умеют учить. Всем им тупо лень составить схему того, что они будут снимать. Запускают съемку экрана и устраивают стримы (((

  • @MrUnknownman1986
    @MrUnknownman1986 5 месяцев назад

    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} } ) ]) }

  • @Andrii87
    @Andrii87 5 месяцев назад

    1:30 then читается ближе к русскому "зэн" чем к "вэн". Вэн это другое английское слово: When.

  • @user-jf2ic3up1k
    @user-jf2ic3up1k 6 месяцев назад

    А почему схлопываются вызовы? Батчинг?

  • @tinaodesso
    @tinaodesso 7 месяцев назад

    худшее видео, вообще ничего не видно, что вы пишете на экране. Зачем заливать такое видео? вы могли просто говорить, разницы все равно нет.

  • @tontontonic
    @tontontonic 7 месяцев назад

    капец размытый текст кода, смотрю в 1080, а такое чувство, что в 480р видос)

  • @truedivan
    @truedivan 8 месяцев назад

    Спасибо за видео!

  • @user-zq6hx6sl8k
    @user-zq6hx6sl8k 9 месяцев назад

    Очень понятое объяснение, но видимо что-то уже устарело и не работает. Счётчик списка задач не обновляется, в консоль вылетает ошибка Uncaught и сразу обновляется вся страница.

  • @TheArtsakhKing
    @TheArtsakhKing 9 месяцев назад

    а если версия node js 18.14.2, то как установить node-sass?

  • @user-lm9ee1gn5p
    @user-lm9ee1gn5p 9 месяцев назад

    Спасибо

  • @webhero42
    @webhero42 11 месяцев назад

    Влад ты куд пропал фронтенд тем лид одной из московской компаний

  • @user-yn4yy9eb1m
    @user-yn4yy9eb1m 11 месяцев назад

    спасибо Бро

  • @quakeoutgames
    @quakeoutgames Год назад

    Создал репозиторий, написал текст с помощью HTML, сохранил, в профиле пусто. Почему?

  • @ivanbondarenko5688
    @ivanbondarenko5688 Год назад

    МУЖИК, СПАСИБО ТЕБЕ!!! УВАЖУХА!!!

  • @gurgen5217
    @gurgen5217 Год назад

    хорошее видео, спасибо. Все видео о useContext в youtube на примере смены тем. Неужели он более не на что не годится

  • @SNSDfOu
    @SNSDfOu Год назад

    хаха, если не обманешь в резюме, то на собес вообще не попадешь, уж лучше на самом собесе выкручиваться

  • @redirex7770
    @redirex7770 Год назад

    Спасибо очень доступно и понятно:)

  • @dmitruz1900
    @dmitruz1900 Год назад

    Я все делаю также сохраняю репозиторий, но на главной странице ничего не закрепилось. Мой Редми просто лежит в репозиторие и все. Его нет на главной странице профиля. Только pined projects

  • @bugaga8144
    @bugaga8144 Год назад

    1. 4:56 Это наверное прикол, они("значения") как бы схлопываются и мы бла бла бла, вот так он работает! Понятно как оно работает, осталось только автору видео. 2. 5:11 Перерендер не происходит, бля ТимЛид разберись как работает useState(), у тебя справа в консоле выводятся значения value и там видно что числа меняются, сразу могу подкинуть тему для следующего видео, что делает console.log(). А теперь объяснение как оно на самом деле работает: При использовании useEffect он срабатывает после того как компонент закончил монтирование в DOM дерево, useLayoutEffect срабатывает во время чтения компонента до его встраивания в DOM дерево

  • @bocik2854
    @bocik2854 Год назад

    При добавлении элемента все пропадает, ни одного тэга, белая страница. В чем проблема? Код с гитхаба взял

    • @bocik2854
      @bocik2854 Год назад

      С вёрстки дива "root"исчезает всё ((( втф

  • @lizinpapochka
    @lizinpapochka Год назад

    Сделал слайдер для карточки товара, когда он один, всё отлично работает, но когда я делаю несколько их, то остальные уже не работают, не знаешь как решить эту тему?

  • @user-dz5qh4vn7x
    @user-dz5qh4vn7x Год назад

    Очень круто и понятно)

  • @alexo6935
    @alexo6935 Год назад

    Поставил счётчик. Но заметил что после перезагрузки страницы он добавляет +1 просмотр. Как сделать чтобы этого небыло, сам себе накрутил около 20 просмотров XD

  • @user-ru8td6yd6f
    @user-ru8td6yd6f Год назад

    Мужик спасибо тебе! Выручил 👍

  • @uranbob
    @uranbob Год назад

    как вы сказали весь компонент будет ререндерится - ruclips.net/video/8Lt2HUhGKiU/видео.html как решать такие вопросы? можно более сложный пример? решает ли этот вопрос Redux?

  • @nikivanov6900
    @nikivanov6900 Год назад

    У тебя в микрофон стук клавиш попал.

  • @user-eg2jg4mt8k
    @user-eg2jg4mt8k Год назад

    Спасибо за видео! Очень "заходят" Ваши объяснения:)

  • @gurgen5217
    @gurgen5217 Год назад

    Лайк, подписка. Супер спасибо

  • @zloy_zver
    @zloy_zver Год назад

    учусь на курсах по фронту за 40к рублей и когда там объясняли тему toDoList этот учитель объяснил точь в точь как автор данного канала. Отличное объяснение, желаю удачи автору))))

    • @zloy_zver
      @zloy_zver Год назад

      даже названия переменных точь в точь под копирку

    • @Native.u
      @Native.u Год назад

      если ты учишься на курсе где обьясняют ТАК, то такой себе курс честно говоря

  • @asilbekbekmurodov3221
    @asilbekbekmurodov3221 Год назад

    💣💣💣💣

  • @grigorymelisov1028
    @grigorymelisov1028 Год назад

    тим лид) музаза , На плюсик нажимает и 0 => 2 класс

  • @user-xp7et2oj8b
    @user-xp7et2oj8b Год назад

    Огромное спасибо! боже я столько перелапатила всяких ресурсов чтобы это сделать ! А у вас в одном видосике на 10 минут!

    • @chyngyzkalybekov6918
      @chyngyzkalybekov6918 Год назад

      Да ну вроде легко найти главное нормальные запросы в ютуб делать

    • @user-hg5ss9vm6v
      @user-hg5ss9vm6v Год назад

      сценарий скопирован с ruclips.net/video/cuEtnrL9-H0/видео.html, но зато с полезными доработками.

  • @Alon794
    @Alon794 Год назад

    Не для новичков урок

  • @krossvayz6500
    @krossvayz6500 Год назад

    Здраствуйте. Вопрос. Изучил немного css и html. Научился адаптировать сайт. Что дальше учить? JS?

  • @Rhythm_Men
    @Rhythm_Men Год назад

    5 раз собираю в удовольствие) из всех тудушек на просторах эта просто топчик

  • @user-vk6yp3mt8q
    @user-vk6yp3mt8q Год назад

    Да классно разъяснил! Спасибо за урок!

  • @nailsaggitarius4212
    @nailsaggitarius4212 Год назад

    Спокойный, хороший тим лид. Можно к вам на работу верстальщиком и немного реактом устроится? Сделал тасклист и калькулятор на реакте, есть около 7 своих лендиногов на своем серваке wordpress

  • @anastasiyaorlova5277
    @anastasiyaorlova5277 Год назад

    У тебя у единственного показано клонирование на iOS все остальные показывают на винде.

  • @anastasiyaorlova5277
    @anastasiyaorlova5277 Год назад

    Привет. Как найти на макс клонированный файл чтобы занести его в VS Code? ты это упустил в видео "чтобы не тратить ваше время"))) но на этом моменте затык(

  • @redalert7658
    @redalert7658 Год назад

    херня

  • @IT-pd1zi
    @IT-pd1zi Год назад

    Условие SetTheme как правильно прочитать?

  • @vlad8318
    @vlad8318 Год назад

    бред.... Сам себе объяснил...

  • @lisofsky8151
    @lisofsky8151 Год назад

    спасибо, всё заработало

  • @user-dt9tb2rm7l
    @user-dt9tb2rm7l Год назад

    Нельзя ещё меньше сделать шрифт?)))

  • @user-888azim-97
    @user-888azim-97 Год назад

    можно было уложиться в 4 минуты

  • @daiyr07
    @daiyr07 Год назад

    👍👍

  • @arampetrosyan6990
    @arampetrosyan6990 Год назад

    👎👎👎