- Видео 11
- Просмотров 44 381
Евгений Ращупкин
Добавлен 12 авг 2023
Привет! Меня зовут Женя и я работаю на позиции тимлида по фронтенду с 2020 года. Здесь я постараюсь научить вас всему, чему научился сам за 8 лет коммерческой разработки. Подпишись и не пропустишь всю важную информацию, которая точно поможет тебе улучшить свои хард и софт скиллы.
FRONTEND ROADMAP на 2025. Что учить и зачем на примере
Привет! В этом видео я покажу вам свою карту изучения frontend разработки с полного нуля. Технологий существует огромное множество, однако не все они нужны для успешного старта карьеры фронтенд разработчиком. В этом видео рассмотрим самое необходимое.
00:00 Введение
00:18 Особенности карты
01:05 Макет
01:41 HTML
02:00 CSS
02:23 Javascript
03:07 Git
03:52 React
06:02 Vite
06:17 Redux / Zustand / Effector
08:10 Tailwind
09:06 SASS
09:38 Typescript
10:38 Тестирование
11:00 Сеть / Браузеры
11:19 Заключение
Телеграм канал Reflect - t.me/reflect_it
#frontend #html #css #react #redux #typescript #javascript #git #tailwind #jest #vitest #effector #zustand #vite #webpack
00:00 Введение
00:18 Особенности карты
01:05 Макет
01:41 HTML
02:00 CSS
02:23 Javascript
03:07 Git
03:52 React
06:02 Vite
06:17 Redux / Zustand / Effector
08:10 Tailwind
09:06 SASS
09:38 Typescript
10:38 Тестирование
11:00 Сеть / Браузеры
11:19 Заключение
Телеграм канал Reflect - t.me/reflect_it
#frontend #html #css #react #redux #typescript #javascript #git #tailwind #jest #vitest #effector #zustand #vite #webpack
Просмотров: 6 341
Видео
Эффективное резюме FRONTEND разработчика. Как составить?
Просмотров 7 тыс.9 месяцев назад
Привет! В этом видео разберем как правильно составлять эффективное резюме на позицию frontend разработчика. Рассмотрим базовые составляющие резюме: фотографию, описание, образование и опыт работы. Пройдемся по каждому пункту и определимся что в каждом из них писать, а что нет. Поговорим о хард и софт скиллах. Помощь в составлении резюме и поиске работы: - Временно не консультирую, сильно загруж...
CSS Grid: как работает + реальный пример
Просмотров 90610 месяцев назад
Привет! В этом видео мы изучим CSS Grid. CSS Grid - это мощный инструмент для создания красивых и адаптивных макетов на вашем сайте. С помощью гридов мы можем быстрее и проще верстать сложные макеты. Разберем из чего гриды состоят: контейнер, грид линии, грид полосы, грид ячейки и тд. Разберем подходы и способы размещения элементов в сетке с помощью всех возможных свойств. Содержание: 00:00 Вст...
Блочная модель CSS: Margin, Border, Padding, Box-Sizing
Просмотров 62311 месяцев назад
Привет! В этом уроке мы рассмотрим что такое блочная модель CSS и разберемся как браузер рассчитывает размеры элементов. Узнаем как работают свойства padding, border, margin, влияющие на общий размер блоков. Разберем способ изменения принципа расчета размеров свойством box-sizing. Посмотрим где можно отследить размеры блоков и инструментах разработчика браузера. Содержание: 00:00 Введение 00:25...
CSS Переменные: как работают + реальный пример (кастомные свойства)
Просмотров 1 тыс.11 месяцев назад
Привет! В этом уроке мы познакомимся с CSS переменными (кастомными свойствами). Рассмотрим где мы можем их использовать, познакомимся с синтаксисом, способом применения, областью видимости и наследованием. Научимся применять значения переменных к элементам. Рассмотрим функцию var(), способы ее применения и ограничения. Также разберем правило @property, которое позволяет более тонко настроить ка...
CSS Position: как работает + реальный пример
Просмотров 2,6 тыс.Год назад
Привет! В этом уроке мы рассмотрим как работает CSS свойство Position. По отдельности разберем как работают значения static, relative, absolute, fixed и sticky. Рассмотрим на реальном примере. Содержание: 00:00 Вступление 00:24 Значения Position 00:37 Static 01:18 Relative 01:44 Absolute 03:25 Fixed 04:08 Sticky 05:22 Контекст наложения и z-index 06:40 Практический пример #css #css3 #csspositio...
CSS Flexbox за 9 минут простыми словами
Просмотров 1,4 тыс.Год назад
В этом видео мы рассмотрим все самые важные свойства CSS Flexbox. Вы сможете наглядно посмотреть как работает каждое из них, а также как эти свойства работают в сочетании друг с другом. Таймкоды: 00:00 Вступление 00:30 Flex контейнер 00:57 Flex оси 02:04 Flex wrap 02:51 Justify Content 03:59 Align Items 05:03 Поведение элементов при смене осей 05:36 Gap 06:01 Order 06:37 Flex Grow 07:13 Flex Sh...
React компонент MODAL. React Portal + Framer Motion
Просмотров 865Год назад
Привет! В этом видео я расскажу как создать и использовать универсальный React компонент Modal с использованием React Portal и анимациями Framer Motion. Вы сможете использовать этот реакт компонент в любых своих проектах. Компонент Modal не зависит от размера контента в нем. При слишком длинном содержимом, он просто вертикально растянется и к окну браузера добавится полоса прокрутки. Содержание...
Быстро найти работу во FRONTEND. Самый эффективный способ
Просмотров 19 тыс.Год назад
Как быстро найти работу FRONTEND разработчиком? Рассказываю самый быстрый и эффективный способ. Как выиграть в конкуренции Junior разработчику чтобы работодатель вас заметил. 00:00 Введение 00:30 Верстка 1:07 JavaScript 1:52 Как выбрать фреймворк? 2:14 React 2:59 Redux 3:25 Typescript 4:02 Важные правила 6:36 Не делайте это
HTML для начинающих. Все что нужно знать, без воды
Просмотров 3,7 тыс.Год назад
Сегодня мы познакомимся с HTML. За 50 минут мы научимся верстать HTML страницы, познакомимся с тегами для верстки форм, таблиц, семантических блоков, навигации. ✅ Что вы узнаете: Что такое архитектура клиент - сервер; Что такое HTTP и зачем он нужен; Что такое браузер, как он получает HTML страницу с сервера; Как поисковые системы индексируют наши сайты; Что такое семантическая верстка и почему...