0.00
0 читателей, 4943 топика

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)

Урок 2. JavaScript. Что такое контекст this. Как работает call, bind, apply


JavaScript. Что такое контекст this. Как работает call, bind, apply
Мой Курс Стань JavaScript Senior: clc.to/senior

В видео вы узнаете, что такое контекст в JavaScript, как он работает, как его передавать и что с ним можно делать.
В уроке вы узнаете про методы call, bind, apply — разницу между ними
В конце вы увидите практическое применение prototype в связке с контекстом и ключевым словом this

Моя образовательная площадка: 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

Мои 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

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

Димыч Live #02: Чем отличается prototype от __proto__?


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

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

Ребята, салют. Новчикам ОЧЕНЬ туго даётся тема prototype.
JavaScript — хитрый язык!!!

На собеседованиях на позицию JavaScript-разработчика любят задавать вопрос: чем отличается prototype и __proto__?? Lol))

Когда у тебя есть багаж опыта практического, понять прототипы легко! Но без опыта, когда ты молодой теоретик, мечтающий освоить всю эту тему… Уууух… Тяжело! Давайте разбираться вместе ;)

На даном онлайн-занятии мы с вами ответим на вопросы:
1. что такое prototype?
2. у кого есть свой личный prototype?
3. у кого имеет доступ к «чужому» prototype?
4. зачем нужен prototype
5. наследование через prototype

План примерный) Как и всё на этом канале)

JavaScript Примеры. Prototype, This, Классы, Контекст, Наследование


Примеры использования JavaScript prototype, this, классов и наследования
Мой Курс Стань 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

Ссылка на GitHub исходники тут:
teleg.one/js_by_vladilen

00:00 Прототипы
11:41 Наследование
27:10 ES6 Классы
35:05 Примеры

#javascript #js #prototype