Strong-stuff.ru

Образование Онлайн
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Уроки по javascript для начинающих видео

Огромный бесплатный видеокурс по основам JavaScript и связанным темам

Огромный бесплатный видеокурс по основам JavaScript и связанным темам

  • Видео , 1 июня 2017 в 22:33
  • Саша

На YouTube появился курс по основам JavaScript и связанным темам: ES6, React, чистому коду, структурам данных и шаблонам проектирования. В каждом разделе изложена необходимая ключевая информация, а видео одинаково удобно смотреть как в рамках курса, так и по отдельности для изучения интересующих вопросов.

Для закрепления материала на практике можно воспользоваться учебной программой от freeCodeCamp. Ниже вы найдете все плейлисты курса и ссылки на отдельные видео по каждой теме. Курс пополняется. Приятного обучения!

Основы JavaScript

В первом блоке разбираются базовые понятия и синтаксис языка.

ECMAScript 6

Во втором блоке рассматривается ES6 — современный стандарт встраиваемого языка программирования, чьим расширением является JavaScript.

У нас есть шпаргалка по ES6 с основными хитростями, лучшими практиками и примерами: часть 1 и часть 2.

DOM (Document Object Model)

Третий раздел курса посвящен дереву DOM — объектной модели для XML- и HTML-документов.

  1. Выбор и изменение элементов сайта (DOM Manipulation).
  2. CSS стили (CSS Styles in JavaScript: Setting and Getting).
  3. События (DOM Events).
  4. addEventListener() — метод для добавления нескольких обработчиков к одному событию.
  5. Узлы (DOM Nodes).
  6. Анимация (Animation in the DOM).
  7. requestAnimationFrame() — метод для указания браузеру на воспроизведение анимации.
  8. Объект Window (Window Object) — параметры окна браузера.
  9. Всплывающие окна (Pop-ups Tutorial).
  10. cookies vs localStorage vs sessionStorage — разница между способами хранения данных в браузере.
  11. История (Browser History).

Чистый код

В этой части курса рассматриваются принципы написания чистого кода на JavaScript. Материал основан на статье Райана Макдермотта (Ryan McDermott), которая, в свою очередь, основана на книге Роберта Мартина (Robert C. Martin). Чистый код можно использовать многократно, он удобен для чтения и рефакторинга.

У нас есть подборка из 16 лучших практик написания читаемого кода. Этот и другие тематические материалы можно найти по тегу «Кодстайл».

Алгоритмы и структуры данных

Этот блок посвящен основам основ — автор рассказывает о разных видах алгоритмов и структур данных, показывая их реализацию на JavaScript.

Предлагаем ознакомиться с нашей подборкой статей по алгоритмам и структурам данных для начинающих, а также с другими полезными материалами в разделе «Алгоритмы».

Шаблоны проектирования

Шаблоны проектирования, или паттерны — это обобщенные проверенные способы решения часто встречающихся при проектировании проблем и вопросов.

У нас выложен видеокурс по теме «Шаблоны проектирования для новичков», а также отдельный материал про подводные камни использования паттерна Singleton.

Основы React

Уроки Javascript

Уроки JavaScript | #1 — Что такое JS? Введение

Видеоурок

Информация про JavaScript

JavaScript является преимущественно клиентским языком, обычно использующимся для работы на стороне клиента. С его помощью можно разрабатывать приложения с самым разнообразным функционалом. Это может быть: аналог механических часов, различная анимация, графические эффекты и многое другое. Ничего не мешает создать практически все веб-приложение на JS.

Сегодня сложно переоценить роль JavaScript в вебе. Согласно статистике w3techs , сегодня свыше 95% сайтов применяют JS. Оставшиеся 5% — это преимущественно сайты визитки и одностраничники. Невероятная популярность языка делает его одним из самых желанных для изучения и выгодных в плане дальнейшего трудоустройства.

История языка

Язык основан в 1995 году компанией Netscape. Изначально предназначался в роли языка сценариев для их браузера Navigator 2. В начале пути носил название LiveScript. Разработчики воспользовались волной популярность Java и сменили название на JavaScript.

Такое решение запутало многих и даже по сей день их часто путают начинающие разработчики. Многие заявляют, что это одинаковые языки или имеют малозначимые отличия. Это совсем не так, JS и Java – совсем разные языки. Единственная схожесть в них – название.

Изначально JS не имел большинства из сегодня доступных функций, его возможности были крайне скудными. Главной целью являлось лишь добавление небольшого интерактива странице. Разработчики хотели, чтобы результаты после нажатий на кнопки обрабатывались в пределах одной страницы.

По мере развития веба, вместе с релизом Node.js , JavaScript получил карт-бланш на активное развитие множества функций. Сегодня JS предоставляет намного больше возможностей для разработчика, чем когда-либо.

Сейчас JavaScript может использоваться и в качестве серверного языка. Прежде JS всегда рассматривался исключительно в качестве клиентского языка, работающего исключительно в браузере пользователя. Для работы с сервером приходилось пользоваться чем-то вроде Java , PHP , ASP.NET , Ruby . За счёт Node.js появилась возможность оперировать запросами на сервере посредством JS.

Несмотря на наличие возможности реализовать серверную часть на Node JS, большая часть веба использует для серверного языка PHP.

Распространение JS

В современном мире произошёл бум разработки под мобильные устройства, где нашёл себе место и JavaScript. Этому способствует повышение производительности мобильных гаджетов и повсеместное использование HTML5. JS позволяет реализовать самые разнообразные возможности даже в мобильных приложениях.

JS давно вышел за рамки веб-языка, который используется исключительно браузером.

Многое из того, что раньше называли фантастикой, сегодня успешно реализуется в JavaScript. Это особенно наглядно видно в популярном направлении программирования под IoT (интернет вещей). Таким образом JS можно успешно применять для разработки программ под все существующие умные устройства, поддерживающие работу с интернетом. Сегодня JS встречается практически везде, куда только добралось IT.

Версии языка

Ещё во время появления языка, браузеры Netscape и IE создали несколько отличающихся реализаций языка. Для унификации всех реализаций и восстановления общего знаменателя, разработали стандарт ECMAScript (управление стандартизацией взяла на себя ECMA). Если где-то увидите термин ECMAScript – это взаимозаменяемый синоним с JavaScript.

Уже сегодня ECMA разработала пару стандартов для JS, они удачно отражают прогресс в разработке самого языка. На сегодня актуальным считается ECMAScript 6 версии от 2015 года. Тем не менее многие браузеры ещё далеки от полной реализации данного стандарта. На завершение его внедрения может уйти ещё несколько лет. В силу этой причины довольно часто рассматривается стандарт ES5, как тот, который полностью поддерживается современными браузерами.

Инструменты разработки

Для создания кода на JS нужно всего лишь текстовый редактор и браузер, в котором можно тестировать результат. Один из простых и функциональных редакторов текста это редактор Atom .

JavaScript можно записывать и в ряде других программ: Visual Studio, WebStorm, Netbeans и даже Notepad++. За счёт сред разработки код создается значительно быстрее и проще.

Дополнительные курсы

На нашем сайте вы можете найти дополнительные курсы по языку JavaScript. Все курсы представлены на этой странице .

JavaScript — Введение

ПОДПИСКА на УРОКИ

По многочисленным просьбам запускаем серию уроков по JavaScript. Если вы решительно настроены, освоить JS, значит, полагается у вас есть базовые знания по HTML и CSS, так как это есть фундамент, без чего сложно понять, о чем будет идти речь.

С нашей стороны я постараюсь объяснять понятным языком, показывать на реальных примерах из жизни, ведь все познается в сравнении.

Что такое JavaScript, или как понять, для какой цели он нужен при веб разработках!

Мы живете в мире, где все осязаемо, реализуем те идеи, что приходят к нам в голову. Строим дома, машины, передвигаемся при помощи различной технике. То есть, что мы можем делать в реальном мире, можно представить в сравнении с HTML , где он выступаем в качестве строительного материала, фундамента, на чем все держится, а при помощи CSS мы оформляем этот мир, делаем его красочным, таким, каким хотели бы его видеть сами.

Наверное, вы задаетесь вопросом, если HTML и CSS это то, что нас окружает, так что такое JavaScript ? Где он проявляется в нашем мире.

Проще я думаю будет объяснить на примере фильма Гари Потер, думаю многие из вас его смотрели и поймут о чем будет идти речь. По сценарию фильма мы знаем, что Гари обладал сверх способностями, он был волшебником, и в этом ему помогала магическая палочка. Именно волшебная палочка давала ему возможность творить магию, такого уровня, насколько он обладал знаниями, что бы ее сделать неповторимой.

JavaScript это магическая палочка, которая есть у каждого веб разработчика, а вот какую магию при помощи его можно творить, зависит только от знаний разработчика, которыми он обладаете. Те кто освоил данный язык, являются волшебниками и творят по истине чудеса.

Язык JavaScript не полноценен без его составляющих HTML и CSS. Многие программисты упоминают три языка, образующие «слои» веб-страницы: HTML, CSS и JavaScript.

HTML первый язык разметки гипертекста – обеспечивает структурные слои, выразительно организуя содержимое страницы, например текст, изображения другие его элементы.

Второй, CSS (Каскадные таблицы стилей), образуют красивое оформление, внешний вид HTML-контента.

А третий – JavaScript –добавляет поведенческие слои, оживляя веб-страницу, делая ее интерактивной, то есть, создавая элементы для взаимодействия с посетителями.

В итоге, чтобы овладеть языком JavaScript, вы должны иметь хорошее представление как о HTML, так и о CSS.

Программирование может показаться невероятным волшебством, недоступным простым смертным. Однако, большинство его концепций не сложны для понимания. JavaScript достаточно дружелюбен по отношению к начинающим программистам, но, тем не менее, он сложнее, чем HTML или CSS, поэтому в рамках серии уроков мы освоим фундаментальные концепции программирования, и вы сможете их применять при написании сценариев на JavaScript.

Вы познакомитесь с новыми символами < >, [ ] , ; , , , (), !, узнаете обозначение новых слов ( var , null , else if ), разберем правила пунктуации и синтаксис самого языка, и все это для того что бы творить свою магию.

Материал подготовил Горелов Денис, пишите ваши комментарии и обязательно поделитесь данным материалом со своими друзьями.

Читать еще:  Полиглот испанский за 16 часов 2 урок
Ссылка на основную публикацию
Adblock
detector