Урок 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

What the heck is the event loop anyway? | Philip Roberts | JSConf EU


JavaScript программисты любят использовать слова вроде: «event-loop», «неблокирующий», «колбэк», «асинхронный», «однопоточный» и «параллельный».

Мы говорим что-то вроде «не блокируй event-loop», «убедись, что твой код выполняется с частотой 60 кадров в секунду», «конечно, оно не будет работать, эта функция — асинхронный колбэк!».

Если вы некто вроде меня и киваете головой и соглашаетесь, как будто все очевидно, даже если вы не знаете, что означают эти слова; все же найти хорошее объяснение как работает JavaScript не так просто, так что давайте учиться!

С помощью удобных визуализаций и забавных хаков, давайте разберемся на интуитивном уровне в том, что происходит, когда выполняется Javascript.

Основы JavaScript. #17 This (контекст вызова)


В этом видео мы познакомимся с ключевым словом this в JavaScript.

Полезные ссылки:
1. learn.javascript.ru/object-methods
2. learn.javascript.ru/call-apply
3. ryanmorr.com/understanding-scope-and-context-in-javascript/
4.https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Operators/this
5. habr.com/ru/company/ruvds/blog/419371/

Наш сайт — easycode.school
Telegram — t.me/easycode_news
VK — vk.com/easy_code_kharkov
Facebook — www.facebook.com/itschooleasycode
Instagram — www.instagram.com/easycode_it_school

Промокод на полный видеокурс javascript на Udemy: www.udemy.com/modern-javascript-from-beginning/?couponCode=YOUTUBEUDEMY

Как ИЗ РУИН появились автомобили, изменившие мир.


#КартавыеИстории #ВыДолжныУвидетьСтасяо
Регистрируйтесь на бесплатный интенсив “Основы программирования” на образовательном портале GeekBrains geekbrains.ru/link/-JSqbC
Начни обучение на одной из самых востребованных IT-профессий!

Таймкоды:
00:00 Вступление
06:58 Глава 1. Япония в конце XIX–начале XX вв
16:47 Глава 2. Первые попытки и первые автомобили
Глава 3. Здесь могла бы быть, но мы забыли вставить отбивку :(
30:44 Глава 4. Азиатский холокост и военный беспредел
41:05 Глава 5. А были ли у Японии автомобили до войны?
1:12:44 Глава 6. Руины
1:24:18 Глава 7. Восстановление автопроизводителей
1:41:28 Глава 8. Инстинно японские автомобили
1:55:44 Глава 9. Отбитый наглухо Гений
2:33:40 Глава 10. Самый показательный пример.
2:40:50 Заключение

История японского автопрома уникальна. За каких-то 30 лет в стране, пережившую ядерные бомбардировки, ковровые бомбардировки, оккупацию, в стране, в которой остались одни руины, появится автомобильная промышленность, которая изменит мир. По меркам истории, еще вчера у Японии не было ничего. А сегодня самый популярные автомобили — японские. Самые эффективные производства — японские. Камри — тоже японская.
В этом ролике вас ждет интересная и объемная история не только автомобильной отрасли, но и всей страны. Мы сделали все, что могли, что бы у нас получился складный, понятный и интересный материал. Сделайте себе чего-нибудь вкусненького на перекус и приятного просмотра!

_____
«Автопрагмат» — поможем быстро и безопасно подобрать автомобиль с пробегом. vk.cc/aav6Jv

Асафьев Стас в социальных сетях:
VK: vk.com/stasasafyev
Instagram: www.instagram.com/asafevstas/
______
Компания «Автопрагмат» осуществляет полный спектр услуг по автоподбору: выездная диагностика, специалист на день, подбор авто под ключ.
Предоставляем юридическую гарантию и берем на себя полное сопровождение клиента на всех этапах подбора.
Диагностика при автоподборе включает в себя:
Проверку автомобиля на юридическую чистоту по всем доступным базам;
Подтверждение сервисной истории автомобиля;
Проверку кузова и ЛКП на предмет дефектов и качество ремонта;
Проверку всех маркировок и VIN-номеров;
Проверку комплектности автомобиля;
Компьютерную диагностику, включающую в себя проверку пробега, КПП/ДВС/SRS и общий компьютерный опрос всех ЭБУ.
Тест-драйв рассматриваемого автомобиля для выявления отклонений в работе рулевого управления, КПП/ДВС, подвески
Анализ обоснованности стоимости автомобиля

Связаться с нами:
Паблик ВК: vk.cc/aav6Jv
Инстаграм: www.instagram.com/autopragmat/
Сайт: www.autopragmat.ru

Автоподбор в Москве и Московской области:
Тел. 7(903)118-70-80
Email: asafev.zakaz@mail.ru
10:00–20:00

Автоподбор в Санкт-Петербурге и области
Тел. 7(960)239-26-27
VK — vk.com/id4076586
10:00–20:00
________

ПО ВОПРОСАМ РАЗМЕЩЕНИЯ РЕКЛАМЫ — reklama@autopragmat.ru

Что ДЕЙСТВИТЕЛЬНО должен знать junior Front-end разработчик/Как стать Junior-разработчиком


#ityoutubersru #YauhenK #webdev

Всех приветствую в 3 выпуск подкаста «frontreview».
Тема сегодняшнего подкаста это «Что ДЕЙСТВИТЕЛЬНО должен знать» junior frontend разработчик.
​В данном видео-уроке мы с вами обсуди какими навыками должен обладать веб-разработчик, что бы претендовать на позицию junior.

✒ Полезные ссылки:
✔ Junior Front-end Roadmap: drive.google.com/file/d/1jYTC6zzlY-pDin1qaOKBFGHdp_NlKRIX/view?usp=sharing

✒ Полезные ресурсы:
✔ Дженнифер Роббинс — «HTML5. Карманный справочник»
✔ Дэвид Макфарланд — «Новая большая книга CSS»
✔ Learn Javascript — learn.javascript.ru/
✔ Курс по React — www.youtube.com/playlist?list=PLNkWIWHIRwME_Gv2vlWAR6TfeSXylYfw4
✔ Курс по Vue — www.youtube.com/playlist?list=PLNkWIWHIRwMH7ahn9uvvc5PG3o1tLscgB
✔ Курс по JavaScript — www.youtube.com/playlist?list=PLNkWIWHIRwMHKLotIS_d-wyj00pg0AnUg
✔ Курс по ES6 — www.youtube.com/playlist?list=PLNkWIWHIRwMGLJXugVvdK7i8UagGQNaXD

✒ Автор курса:
✔ YouTube канал: www.youtube.com/YauhenKavalchuk
✔ Страница в VK: vk.com/YauhenKavalchuk
✔ Twitter: twitter.com/YauhenKavalchuk
✔ Instagram: www.instagram.com/YauhenKavalchuk
✔ Группа в VK: vk.com/webdevcom
✔ LinkedIn: www.linkedin.com/in/YauhenKavalchuk

✒ Доска где вы можете посмотреть все темы для будущих уроков, прогресс по ним, проголосовать за понравившуюся, оставить комментарий о том что бы вы хотели увидеть в теме, или предложить идею для следующего курса.
✔ Trello: trello.com/b/R6rD7qq8

✒ ПОДДЕРЖАТЬ развитие канала:
✔ Стать СПОНСОРОМ (Бонусы): www.youtube.com/channel/UCE9ODjNIkOHrnSdkYWLfYhg/join
✔ Донаты (Donationalerts): www.donationalerts.com/r/YauhenKavalchuk
✔ Qiwi копилка: qiwi.me/web-dev

Trainee-самоучка отжигает на собеседовании. Отвечает на все вопросы.


Контакты Евгения (телеграмм): @drobovik45

В данном ролике проводится открытое собеседование Junior Frontend-разработчика.

Следующий выпуск по порядку: youtu.be/D7FCDYBMQ6g
Предыдущий выпуск по порядку: youtu.be/KrOBpFwwlGQ

Свои вопросы, которые хотите задать проходящим собеседование, а также предложения пишем в Telegram — @S_HappY

Кто хочет прокачать свои знания — оставляем заявку на обучение в GeekBrains: rebrand.ly/mockinterview

00:00 Вступление
01:36 Знакомство с Евгением
03:57 Вопрос про Symbol
05:34 Вопрос про прототипы
10:35 Вопрос про скрытый input и форму
18:00 Задача 1 (https://jsfiddle.net/mockinterview/wb9h37n8/)
29:34 Задача 2 (https://jsfiddle.net/mockinterview/z3a1uq64/)
36:30 Задача 3 (тут я накосячил) (https://jsfiddle.net/mockinterview/gu9jLact/)
Задача 3 с правильными ответами (https://jsfiddle.net/mockinterview/j3rd7vka/)
Решение задачи с правильными ответами (https://jsfiddle.net/mockinterview/g2stcm6x/)
53:49 Задача 4 (https://jsfiddle.net/mockinterview/tsv0xr7L/)
01:13:30 Вопросы из чата вопросы по реакту