Webpack 4. Полный курс 2020


Хорошо жить в 21 веке когда множетсво технологий и к примеру есть Датчики перепада давления, который пригодится как дома так и в технике рабочей.


Webpack. Полный Курс 2020
Мой Курс Продвинутый JavaScript: clc.to/senior

Мои Udemy Курсы:
Angular 9: clc.to/angular
React Native: clc.to/rnative
ReactJS: clc.to/react
NodeJS: clc.to/nodejs
Angular Fullstack (MEAN): clc.to/fullstack

Подписывайся на соц сети:
Telegram: t.me/js_by_vladilen
Instagram: instagram.com/vladilen.minin
VK: vk.com/vladilen.minin
Группа VK: vk.com/js_by_vladilen
Мой сайт: vladilen.dev/

Исходный код в telegram канале:
t.me/js_by_vladilen/125

Поддержать выпуск новых видео:
ЯД: money.yandex.ru/to/410013757655670
PayPal: paypal.me/vladilenm

Тайм-коды:
00:00 – Вступление
03:01 – Написание базового приложения
14:56 – Инициализация приложения
16:33 – Установка Webpack
18:30 – Базовая настройка Webpack
38:12 – Паттерны
39:46 – Плагины
40:31 – Работа с HTML
45:56 – Очистка папки проекта
47:50 – Сборка проекта
50:17 – Контекст
51:50 – CSS-лоадеры
58:56 – Работа с JSON
1:02:50 – Работа с файлами
1:09:02 – Работа со шрифтами
1:13:21 – Подключение CSS-библиотек
1:14:51 – Защита от публикации пакета
1:15:32 – Работа с XML-файлами
1:17:44 – Работа с CSV-файлами
1:20:06 – Дополнительные настройки
1:24:54 – Подключение JS-библиотек
1:28:56 – Оптимизация
1:33:40 – Webpack-dev-server
1:39:14 –  Копирования статических файлов
1:42:32 – Сжатие CSS, HTML, JS
1:59:37 – Компиляция Less
2:06:08 – Компиляция Sass
2:03:57 – Оптимизация
2:10:21 – Babel
2:22:35 – Добавление плагинов для Babel
2:24:28 – Компиляция TypeScript
2:27:20 – Компиляция React JSX
2:33:38 – Devtool
2:36:14 – ESLint
2:43:00 – Динамические импорты
2:44:52 – Анализ финальной сборки

Webpack. Полный курс 2020
#webpack #js #javascript
Читать дальше →

ES6, ES7, ES8 - ВСЕ НОВОВВЕДЕНИЯ В JAVASCRIPT


Посмотри на мой курс по продвинутому JavaScript: clc.to/senior

Мои Udemy Курсы:
Angular 9: clc.to/angular
React Native: clc.to/rnative
ReactJS: clc.to/react
NodeJS: clc.to/nodejs
Angular Fullstack (MEAN): clc.to/fullstack

Подписывайся на соц сети:
Telegram: t.me/js_by_vladilen
Instagram: www.instagram.com/vladilen.minin
VK: vk.com/vladilen.minin
Группа VK: vk.com/js_by_vladilen

Поддержать выпуск новых видео:
ЯД: money.yandex.ru/to/410013757655670
PayPal: www.paypal.me/vladilenm

Исходный код:
github.com/vladilenm/ecmascript-full-course

EcmaScript 6 — Полный курс (ES6, ES7, ES8). Современный JavaScript

00:00 let const
12:18 Стрелочные функции
23:57 Параметры по умолчанию
28:03 Строки
36:06 Rest / Spread
53:12 Объекты
1:04:03 Модули (import / export)
1:09:36 Классы
1:20:36 Symbol
1:26:17 Итераторы / генераторы
1:35:36 Промисы (async / await)
1:45:37 Map Set
1:53:06 Reflect
1:59:23 Proxy

#javascript #js #es6

Владилен Минин: Сложный JavaScript простым языком:
www.youtube.com/watch?v=aQkgUUmUJy4

[Архив] Разбор React и Vue проектов


Посмотри на мой курс по продвинутому JavaScript: clc.to/senior
Игра путь Frontend разработчика: clc.am/frontend

Мои Udemy Курсы:
Angular 9: clc.to/angular
React Native: clc.to/rnative
ReactJS: clc.to/react
NodeJS: clc.to/nodejs
Angular Fullstack (MEAN): clc.to/fullstack

Подписывайся на соц сети:
Telegram: t.me/js_by_vladilen
Instagram: www.instagram.com/vladilen.minin
VK: vk.com/vladilen.minin
Группа VK: vk.com/js_by_vladilen

Поддержать выпуск новых видео:
ЯД: money.yandex.ru/to/410013757655670
PayPal: www.paypal.me/vladilenm

Python собеседование (интервью). Как готовиться, что ожидать.


Сегодня поговорим о подготовке к интервью по Python на позицию Junior/Student/Intern. Как составить резюме программисту при поиске работы? Как подготовиться. Что будут спрашивать? Как себя вести если все идет не так?

Если Вы хотите стрим/митап на какую-либо темy можете оставить свои пожелания в этой форме: forms.gle/Pf7uKiWDE8yBX1cUA

ООП в JavaScript. Мифы, наследование, полиморфизм, абстракции, наследованиеи,


Мои курсы itgid.info/course
Этот урок: itgid.info/unit/object-js?unit=oop-1
Курс ООП JavaScript itgid.info/course/javascript-2
Помощь Насте itgid.info/site/nastya
Инстаграмм мамы Насти: www.instagram.com/maria_gaiduchenko/?igshid=17w2tyoybmybx
Карта Приватбанк мамы Насти (Мария Гайдученко): 5168755420228781
Телеграмм канал JavaScript Rules: t.me/jsrules

Объектно-ориентированное программирование в JavaScript. Мифы и реальность ООП, основные понятия ООП: инкапсуляция, полиморфизм, наследование и абстракция. Как строится ООП. Как делаются классы.

JS, что спрашивают на собеседованиях, репетиция, часть 1


К весне 2021 году запускаем проект, который изменит ход образовательной истории. Следите за новостями
help2debug.com/

Поддержать меня и получить доступ к дополнительному контенту можно вот здесь:
www.patreon.com/itkamasutra

React JS. Полный Курс 2020 (Вся Теория Включена!)


Все основы React в одном видео на примерах и практике
Мой Курс Стань JavaScript Senior: clc.to/senior

Моя образовательная площадка: www.vladilen.dev/

Мои Udemy Курсы:
Angular 9: clc.to/angular
React Native: clc.to/rnative
ReactJS: clc.to/react
NodeJS: clc.to/nodejs
Angular Fullstack (MEAN): clc.to/fullstack

Подписывайся на соц сети:
Telegram: teleg.one/js_by_vladilen
Instagram: www.instagram.com/vladilen.minin
VK: vk.com/vladilen.minin
Группа VK: vk.com/js_by_vladilen

Содержание урока:
00:00 Что такое React
00:50 Как установить React
02:12 Обзор структуры проекта
05:22 Запуск приложения
09:13 Компоненты
12:24 Стили
17:38 Передача параметров в компонент
18:20 Циклы
22:10 PropTypes
26:30 Работа с JSX
31:30 События
36:18 Работа со state (useState)
39:20 Динамические css классы
41:30 React Context
45:39 useContext
48:10 Условные операторы в JSX
50:00 Работа с формой
55:34 Создание кастомного хука для input
1:00:06 useEffect (работа с севером)
1:03:07 Создание Loader
1:07:26 React.Suspense (React.lazy)
1:11:11 React.Component (создание модального окна)
1:13:30 React.Fragment
1:16:52 Полезен был контент?

Исходный код:
drive.google.com/open?id=1RGhJcjlJqiLPQTK3mIQUuE5Ln_V5NyJ7

ReactJS 2020 — Полный курс
#react #reactjs

Урок 5. JavaScript. Promise. Что это, как работает ( пример)


Урок 5. JavaScript. Promise. Что это, как работает ( пример)
В ролике я расскажу про то, что такое Promise в JavaScript.
Вы узнаете как они работают, зачем нужны и как с помощью них работать с асинхронными операциями

Моя образовательная площадка: www.vladilen.dev/

Подписывайся на соц сети:
Telegram: teleg.one/js_by_vladilen
Instagram: www.instagram.com/vladilen.minin
VK: vk.com/vladilen.minin
Группа VK: vk.com/js_by_vladilen

Мой Курс Стань JavaScript Senior: clc.to/senior

Мои Udemy Курсы:
Angular 9: clc.to/angular
React Native: clc.to/rnative
ReactJS: clc.to/react
NodeJS: clc.to/nodejs
Angular Fullstack (MEAN): clc.to/fullstack

Поддержать выпуск новых видео:
ЯД: 410013757655670
BTC: 1FfskGr1qP3NdmYGXRtu4UFLhxo2e1rhS4

Сложный JavaScript простым языком:
www.youtube.com/watch?v=aQkgUUmUJy4

Владилен Минин – Как один JS разработчик меняет сферу образования и вдохновляет на разработку


Первое видео из серии Success Stories – о разработчиках достигающих вдохновляющих целей в различных сферах.

Владилен Минин – IT предприниматель, автор десятка курсов по фронтэнду, одноименного youtube канала с образовательным контентом.

Соц. сети Владилена:
www.instagram.com/vladilen.minin/
www.youtube.com/channel/UCg8ss4xW9jASrqWGP30jXiw

Немиро Илья – в разработке в IT больше 15 лет, опыт в оффлайн и онлайн бизнесе в различных сферах, стартапах, энтерпрайзах. Ильи охотится за самыми вдохновляющими личностями для разработчиков.

Соц. сети Ильи:
instagram.com/inemiro
twitter.com/inemiro1

Съемка и монтаж
Всеволод Амелин
vk.com/svetosilavideo
www.instagram.com/v_amelin_

Содержание:
00:00 Вступление
01:05 Человек-брэнд
03:43 Путь в IT
05:13 Как учился программировать
05:50 С чего началась образовательное направление
07:40 Путь к Youtube-каналу
09:30 С чего начался канал
13:05 Продвижение канала
15:18 Как разговаривать на одном языке с начинающими
16:17 Успех
17:21 Откуда энергия
20:46 Чем плоха работа по найму
21:26 Как ставить цели и не стоять на месте
24:21 Как стать самым крутым разработчиком
25:02 Что дают деньги
26:41 Сколько зарабатываешь?
27:40 Куда деть деньги?
28:44 Другие сферы
32:10 Маркетинг
35:04 Команда
37:04 Воровство курсов
38:30 Конкуренция и строительство «большой» компании
44:54 Что если выкинет на берег?
45:50 Значимые события в жизни
49:45 В какой точке жизни ты сейчас?
52:13 Об амбициозных целях

React NodeJS Сайт за 3 часа с нуля


Продвинутый JavaScript: clc.to/senior
Angular 9: clc.to/angular
React Native: clc.to/rnative
ReactJS: clc.to/react
NodeJS: clc.to/nodejs
Angular Fullstack (MEAN): clc.to/fullstack

Подписывайся на соц сети:
Telegram: t.me/js_by_vladilen
Instagram: www.instagram.com/vladilen.minin
VK: vk.com/vladilen.minin
Группа VK: vk.com/js_by_vladilen

Полный Курс MERN Стек (Mongo, Express, React, Node)
В курсе вы увидите создание приложения с нуля до деплоя на домен и VPS хостинг
Вы увидите реализацию авторизации и регистрации по JWT токену увидите создание приложения по сокращению ссылок и аналитике

Исходный код ты найдешь в телеграм канале:
t.me/js_by_vladilen/116

00:00:00 Введение
00:02:52 Инициализация проекта на Node.js
00:05:46 Установка базовых зависимостей
00:07:02 Работа со скриптами
00:08:18 Настройка Express.js,
00:11:47 Подключение к базе данных MongoDB
00:20:30 Регистрация роутов
00:47:31 Настройка React.js
00:57:00 Настойка роутинга страниц
01:05:27 Работа над компонентом AuthPage
01:18:03 Работа с запросами
01:37:00 Обработка ошибок
01:47:44 Работа над авторизацией
02:00:18 Работа над компонентом Navbar
02:06:16 Работа над-бизнес логикой на сервере
02:25:10 Работа над компонентом CreatePage
02:34:18 Работа над компонентом Loader
02:37:37 Работа над компонентом DetailPage
02:42:18 Работа над компонентом LinkCard
02:46:58 Работа над компонентом LinksPage
02:54:41 Доработка бизнес-логики на сервере
03:01:00 Добавление скриптов
03:08:52 Добавление на GitHub
03:11:15 Привязка домена к хостингу
03:14:45 Настройка сервера на хостинге
03:26:18 Настройка менеджера процессов PM2
03:32:43 Завершение

#react #express #mongo

Владилен Минин
MERN — Сокращение Ссылок с Нуля до Деплоя (Mongo, Express, React, Node)