EcmaScript Полный курс (ES6, ES7, ES8)
EcmaScript Полный курс. Все нововведения в язык в одном ролике.
Мой Курс Стань JavaScript Senior: https://clc.to/senior.
Моя образовательная площадка: https://www.vladilen.dev/.
Мои Udemy Курсы:
Angular 9: https://clc.to/angular.
React Native: https://clc.to/rnative.
ReactJS: https://clc.to/react.
NodeJS: https://clc.to/nodejs.
Angular Fullstack (MEAN): https://clc.to/fullstack.
Подписывайся на соц сети:
Telegram: https://teleg.one/js_by_vladilen.
Instagram: https://www.instagram.com/vladilen.minin.
VK: https://vk.com/vladilen.minin.
Группа VK: https://vk.com/js_by_vladilen.
Поддержать выпуск новых видео:
ЯД: https://money.yandex.ru/to/410013757655670.
PayPal: https://www.paypal.me/vladilenm.
Исходный код:
https://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 простым языком:
https://www.youtube.com/watch?v=aQkgUUmUJy4&list=PLqKQF2ojwm3l4oPjsB9chrJmlhZ-zOzWT
Видео взято с канала: Владилен Минин
Что такое ECMAScript 6 | JavaScript ES 6 | Обзор ECMAScript
Привет, в этом видео я вкратце расскажу, что такое ECMAScript 6. Данное видео про +современный стандарт JavaScript ES 6..
ES 6 и ES 2015 это одно и то же. Почему так? Узнаешь из видео..
Это видео из серии Javascript уроки для начинающих. На этом канале будут выкладываться javacript уроки. Основы javascript..
Javascript практика будет появляться по мере интереса и запросов аудитории..
Так же могу помочь с javascript обучением..
Js практика и js уроки теперь доступны каждому. Javascript с нуля выучить можно. Если кто-то говорит, что javascript можно выучить за час значит можно. Но не здесь).
https://habr.com/ru/post/305900/.
http://es6-features.org/#Constants.
Содержание:
0:00 Вступление.
0:31 Что такое ES6.
0:57 Создание переменных.
1:19 Стрелочные функции.
1:36 Аргументы функций.
2:05 Новые литералы.
2:21 Деструктуризация.
2:41 Классы.
3:22 Строковые шаблоны.
3:40 Map.
4:16 Set.
4:33 Symbol.
4:40 Generators.
4:55 Promises.
5:18 Методы Array.
5:33 Методы String.
6:00 Методы Number.
6:24 Proxy.
6:41 Концовка.
#ecmascript #javascriptпрактика #tgrey #ityoutubersru
Видео взято с канала: TGrey Обучение Программированию
ECMAScript 6. Урок 1. Введение в ES6, настройка простейшей сборки webpack
Промокод на скидку 15% на все курсы ITVDNH94BCAB.
Полный видео курс https://itvdn.com/ru/video/es6?utm_source=yb_full_es6.
В этом уроке мы познакомим вас с новым стандартом JavaScript – ECMAScript 6, который является дополнением к существующей спецификации и существенно расширяет возможности веб разработчика. Мы подготовили короткий обзор нововведений с комментариями о том, как их лучше использовать в своих проектах с учетом их поддержки браузерами. Также мы подготовим небольшую webpack сборку для работы с ES6, добавим в него babel для транспиляции из ES6 в ES5 и узнаем, зачем это все нужно..
Благодарим всех за лайки, перепосты, добавление в избранное!
Также подписывайтесь на нас в социальных сетях:
https://vk.com/itvdn.
https://www.facebook.com/ITVDN.EDU.
https://twitter.com/ITVDN/.
https://www.linkedin.com/company/itvdn.
https://plus.google.com/u/0/+ItvdnEDU….
Свои предложения присылайте на почту: support@itvdn.com
Видео взято с канала: ITVDN
ES6 015 Модули в JavaScript
Видео взято с канала: Web Programming
EcmaScript 6 (ES6) Система модулей. Модули (Урок 13)
Премиум курс по EcmaScript 6
Видео взято с канала: Web Programming
ES6 #18 Модули (Modules)
#ityoutubersru #YauhenK #webdev #ES6.
Всем привет!
Добро пожаловать в курс посвящённый «ES6».
В данном видео-курсе мы с вами рассмотрим все ключевые нововведения в стандарте ECMAScript 2015..
✒ Репозиторий курса:
✔ GitHub: https://github.com/YauhenKavalchuk/es6-tutorial.
✒ Полезные курсы на канале:
✔ JavaScript: https://www.youtube.com/playlist?list=PLNkWIWHIRwMHKLotIS_d-wyj00pg0AnUg.
✒ Используемые ресурсы и инструменты:
✔ Atom (Редактор кода): https://atom.io/.
✔ Node.js: https://nodejs.org/en/.
✔ Browserify/Watchify: https://github.com/browserify/watchify.
✔ NPM http-server: https://www.npmjs.com/package/http-server.
✒ Полезные ссылки:
✔ Exploring ES6: http://exploringjs.com/es6/.
✔ Babel: https://babeljs.io/docs/en.
✒ Автор курса:
✔ YouTube канал: https://www.youtube.com/YauhenKavalchuk.
✔ Страница в VK: https://vk.com/YauhenKavalchuk.
✔ Twitter: https://twitter.com/YauhenKavalchuk.
✔ Instagram: https://www.instagram.com/YauhenKavalchuk.
✔ Группа в VK: http://vk.com/webdevcom.
✔ LinkedIn: https://www.linkedin.com/in/YauhenKavalchuk.
✒ Доска где вы можете посмотреть все темы для будущих уроков, прогресс по ним, проголосовать за понравившуюся, оставить комментарий о том что бы вы хотели увидеть в теме, или предложить идею для следующего курса..
✔ Trello: https://trello.com/b/R6rD7qq8.
✒ ПОДДЕРЖАТЬ развитие канала:
✔ Стать СПОНСОРОМ (Бонусы): https://www.youtube.com/channel/UCE9ODjNIkOHrnSdkYWLfYhg/join.
✔ Донаты (Donationalerts): https://www.donationalerts.com/r/YauhenKavalchuk.
✔ Qiwi копилка: https://qiwi.me/web-dev
Видео взято с канала: webDev
Модули / Введение в программирование, урок 14 (JavaScript ES6)
Знакомимся с модулями — способом разделения программ на составные части и переиспользования частей..
Упражнение, тесты, доп. материалы и конспекты → https://ru.hexlet.io/courses/introduction_to_programming/lessons/modules/theory_unit.
Это 14й урок бесплатного практического курса по базовым принципам программирования. В течение курса мы научимся писать программы, изучим основы JS, познакомимся с функциями, тестированием, рекурсией, модулями, окружением, типизациями и другими важными концепциями. Вас ждут анимированные видео, конспекты, тесты и практика.
Видео взято с канала: Хекслет
Нет похожих статей
При объяснении Promise звучит фраза «метод then будет вызван тогда, когда закончится асинхронный код».
Корректнее было бы сказать, что «когда Вы вызываете метод then, асинхронный код уже отработал».
В этой формулировке делается акцент на следующих моментах:
1. Вы (разработчик) инициируете вызов метода then
2. CallBack, переданный в метод then, выполняется АСИНХРОННО (через отправку события в eventLoop)
3. Асинхронный код (тот, что передаёт в конструктор Promise) отрабатывает СИНХРОННО его запускает конструктор Promise
на простых примерах это доступно показано по ссылке https://medium.com/javascript-everyday/javascript-theory-promise-vs-observable-d3087bc1239a
В теории все понятно. Но вот я (начинающий) столкнулся с проблемой. Худо бедно писать скрипты я научился. Решил перейти на другой уровень и попробовать написать приложения на js. Написал карточную игру «подкидной дурак» и пытаюсь сейчас написать «Поле Чудес». Так вот проблема в чем… В карточной игре у меня получилось где-то 30 маленьких функций, которые друг друга вызывают, передают параметры, что-то возвращают и т.д. И это сложновато в итоге для восприятия! Читал про модули и ООП. Типа надо разделять и все такое. Ну я посмотрел там классы, наследования, прототипы и все в этом духе. Я не понимаю, как это мне поможет. И это видео, про разделение на файлы, похоже тоже не даст выгоды, только еще больше запутает, т.к. нужно будет прыгать по разным файлам. Может вы запишете видео отдельное о том, как лучше организовывать код в небольших и средних приложениях? Плз!:)
Это все написано на learn.javascript.ru. Только вот я делаю все как в учебнике = как в этом видео но ничего не работает. Самое важное не показали: как правильно связывать файлы, и нужны ли еще какие-то доп.настройки
Правильно ли я понял, что асинхронностью является задержка связанная с выполнением некоторой операции (например, отправкой сервером ответа на мой запрос). Если операция объявлена как инстенс класса промис (обещание), то в этом классе есть метод, который принимает результат моей операции, и если результат успешный, то выполняется метод резолв (решено, можно действовать дальше), а если не успешный то, метод риджект (отклонить, запрос не выполнен)
Привет)По какой причине может выходить ошибка Uncaught SyntaxError: Unexpected token ‘export’
и такая Uncaught SyntaxError: Cannot use import statement outside a module
код точно такой же как у вас… браузер хром…
import {add, subtract, PI} from ‘./justMyMath.js’; Остроконечными шляпками выделено слово «import». SyntaxError: Cannot use import statement outside a module. Вроде все правильно…:-( откуда это?
Нужно добавить, что по стандарту в браузерных модулях при импорте нужно указывать относительный путь к файлу, включая расширение, то есть ‘./mymath.js’
У автора работает ‘./mymath’ только потому, что используется темплейт Codesandbox с настроенным сборщиком Parcel, без сборщика такой синтаксис работать не будет. Странно, что это не озвучено
создал массив arr = [1,2]. сделал сравнение arr = [1,2], получил ложь. думаю, что программисты, понимающие такое, весьма возвышенные интеллектуально люди. хотя на самом деле шучу, в этих роликах материал изложен понятнее, чем таблица умножения.
Приятного просмотра и обучения:)
1:41 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
Либо я неправильно понял выражение «Какие нововведения у нас присутствуют по мимо Object.keys()» (56:10) и автор имел ввиду что-то другое, но хочу отметить, что Object.keys() это старая фича которая была реализована до es6 (https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Object/keys) хотя и есть некоторые нюансы в реализации es5 и es6. Но в целом для закрепления материала хорошее видео:)
Здраствуйте,подскажите пожалуйста extension в vs code, которьій бьі подсвечивал значения в функции как на 35:36:
(console.log(str.padStart( maxLenght: 10, fillstring: ‘1234’)) maxLenght и fillstring подсвечивается автоматически
Надо было разделить по темам, а то все смешал. Сначала расказать про переменным, какие переменные бывают,как вызвать и т.д. далее тема типы данных: а там уже какие типы данных могут иметь в переменных и с чем его едят, далее условие if, case и т.д. Циклы, массивы, функции и т.д. иначе новичку будет сложно понять
Очень классно!
Спасибо за урок!!
Единственно, что мне показалось ошибочным в уроке:
Когда речь шла о Map и Set. У set был метод set.delete(1), и я подумал что он удаляет элемент по индексу, мол, будет удалён второй элемент т.к. нумерация списка всегда с нуля.
Но когда сам копался, то понял что он удаляет не по индексу, а по значению…
Вот
Ну, возможно я неправильно услышал или понял.
Здравствуйте, подскажите, пожалуйста, а возможно сделать импорт целого файла в другой без использования вебпак (т.е не отдельные классы,функции импортировать, а целый файл? Задача в том, чтобы все переменные, функции и классы второго js файла видел первый js файл, и их использовал. Пока никакой магией не получается это сделать. Или здесь без сборщиков внешних не обойтись?
Извините, я немного не понял на 8:37. В функции hoisted() вы говорите, что мы обращаемся к переменной age = 26. А разве эта строка не говорит о том, что мы объявляем переменную неявным образом и присваиваем ей значение 26?
Привет Владилен.
Для начала, ОГРОМНОЕ (пожалуй, только так на данный момент могу сказать спасибо за твои старания судя по комментариям) СПАСИБО!!!
Я новичок в программировании (мои знание = 0). До недавно засматривалась на Питон/Пайтон и т.д., но так как я немного «вебмастер» (ВордПресс) которая пытается заработать на своих ресурсах, то JS мне более близок в плане первого ЯП, тем более за последние пол года вижу, то искусственный интеллект заразил и веб язык Javascript.
Ну да ладно… Владилен (надеюсь ты не против что я на «ты») твои мне курсы интересно изучить, но я не могу понять с чего мне начать с твоего плейлиста, нигде не сказано «JS для начинающих», просто не хотелось бы начать не с того и понять, что это мне не нужно (хотя мне это все-таки интересно).
Спасибо:)
до 1:31:20 было все понятно, и потом резко стало вообще ничего непонятно… а я тока подумал: «блин, насколько же классно и понятно человек объясняет по сравнению с уродским learn.javascript,… но нет…» )) return после let i = 0 ломает мне мозг
Спасибо большое за ваши уроки!
Немного хотела уточнить, на 52 минуте, где приводится пример с newAddress = {…address} объект не копируется, а передается по ссылке и если изменить исходный объект, то в «скопированных» поля тоже изменятся.
Да и само собой я понимаю, что вы об этом безусловно знаете, но начинающих это может в последствии удивить)
00:49:00 не понял почему контекст у this global, ведь в данном случае он должен быть равен объекту address. У нас же нет вложенных функций и наша функция стандартная, а не стрелочная. 1:14:00 Вы не объяснили почему мы пишем this._job вместо this.job. Так же не знаю как у Вас получилось вывести свойство type.human у class Person, но это не работает, а в таких источниках как learnjavascript.ru и mdn пишут, что свойства в классах задавать нельзя, что для меня немного дико после php
Евгений, вопрос. Вы описывали простой экспорт с переименованием export { one as onse, two as twice }, а потом импортируете переменные import { one, two } from… Правильно ли я понимаю что переименование подразумевает что в импорт one пойдет как once? Или все таки как one? Сейчас, к сожалению, нет времени собрать и посмотреть эмпирическим путем:)
Коли почали говорити про Babel то його не було у файлі package.json в devDependencies, тому не працювала команда nmp run build, мабуть потрібно додати цей момент, оскільки в користувача може не бути глобально встановленного Babel.
плохое объяснение. рассказчик объясняет качества поведения, исполнение кода словами: «вот так это работает», не упоминая, почему. А есть LexicalEnvironment и ссылки на внешнее лексическое окружение. По сути, он просто запускает код и говорит: вот, работает.
Хочу отметить, что на русском языке таких лекторов, которые переписывают примеры со своими бесполезными комментариями почти весь сегмент рутьюба.
1. Moskow it’s not a city. But MosCow is the really city! Да блин!!! Нет такого города Saint-Peterburg, есть Saint-PeterSburg!!!
2. Чтобы без вебпака стартовать ес6 импорт экспорт нужно расширения файлам.mjs давать уводя писанину в experimental mode для демонстрации.
Set не странно работает, а действительно реализован на базе Map. То есть просто одно и тоже значение записывается в ключ и в значение, вот тебе и Set. По крайней мере в Java это именно так реализовано.
Странные вещи творятся. Консоль не выдавала ошибку с этим я разобрался, в подключаемом скрипте надо было указать атрибут type=»module». Дальнейшая попытка выводить в консоль чё-то меня напрягает. Явление какое-то непонятное я предаю одну переменную, а отрабатывает весь файл. В консоль всё выводится.
Получаемую переменную вывожу сразу в консоль, но не кто не мешает выводить разные данные в консоль в передаваемом файле и отображается это всё в переданном файле. Меня это и смутило. Конечно напрямую к не переданным переменным обратиться не могу.
Учителя, почему вы так тараторите, когда даёте новую информацию? Я понимаю, когда про поселение рассказываешь, там можно тараторить, все слова знакомы до мозга костей.но когда уже идёт рассказ именно про js, не нужно так тараторить. Не мешало бы повторить несколько раз новое слово. И картинки мелькают слишком быстрою
Разве что поставить на медленную скорость? А попробую