Академия: JavaScript Introduction Модуль 1: Введение в JavaScript
Всем привет! Решил продолжить участие во второй Академии. В предыдущей статьи мы изучили стратегии контент-маркетинга. Сейчас я хотел бы поговорить о курсе JavaScript Introduction (Module 1: Introduction to JavaScript) на EDX.
Курс ведет профессор Мишель Буффа университет Côte d'Azur. Этот курс был разработан в партнерстве между W3C и университетом Côte d'Azur. Язык курса: English.
О Чем Курс?
Основная цель этого курса - овладеть хорошими практиками JavaScript и избежать ошибок языка. Почему JavaScript стоит вашего времени:
- HTML5, CSS и JavaScript являются «классическими тремя китами» для разработчиков и дизайнеров;
- JavaScript позволяет добавлять интерактивные функции на ваши веб-сайты, включая динамически обновляемый контент, контролируемые мультимедиа, анимированные изображения и многое другое.
В конце курса ожидается, что вы сможете прочитать исходный код любого примера JavaScript, найденного в интернете, узнать его, настроить его.
Внимание: вы не будете изучать JavaScript в полном объеме в этом курсе! Это вводный курс, призванный помочь вам понять основы языка.
Краткий конспект Модуля 1: Introduction to JavaScript
Если Вы совсем новичок в веб-разработке стоит ознакомится с базовыми понятиями:
- W3C
- HTML (Hyper Text Markup language)
- CSS (Cascading Style Sheets)
Консорциум Всемирной паутины (англ. World Wide Web Consortium, W3C) - организация, разрабатывающая и внедряющая технологические стандарты для жизни паутины Миссия W3C заключается в том, чтобы гарантировать открытость, доступность и свободу Всемирной паутины с технической точки зрения.
Язык гипертекстовой разметки — стандартизированный язык разметки документов во Всемирной паутине. Браузер распознает язык HTML и отображает, после интерпретации форматированный текст на экране компьютера или мобильного устройства.
CSS или каскадные таблицы стилей, это язык таблиц стилей, используемый для описания того, как HTML или XML-документ должен выглядеть для пользователя. В CSS вы указываете цвет, размер, интервал, шрифт и другие визуальные аспекты содержимого, которое вы создаете в своем документе на языке разметки.
Обычно почти каждая веб-страница представляет собой комбинацию HTML и CSS. Если хотите более подробно изучить HTML и CSS рекомендую курсы от HTML Academy (Рус.) CodeAcademy (Eng.) А теперь приступи непосредственно к Javascript.
История Javascipt
JavaScript родился в 1995 году как часть работы команды Брендана Эйха в Netscape (предка Mozilla). В то время Netscape совместно с Sun MicroSystems предоставлял популярные серверные и клиент-ориентированные решения (Netscape Navigator, предки Firefox), которые зависели от Java. (Sun Microsystems, компания, которая создала язык программирования Java, больше не существует, приобретена корпорацией Oracle в 2009 году). К концу 1996 года JavaScript был стандартизован ECMA в качестве стандарта EcmaScript. Поэтому, независимо от того, видите ли вы его как JavaScript или EcmaScript, не беспокойтесь, это одно и то же. EcmaScript продолжает выпускаться вплоть до сегодняшнего дня.
Лучший способ изучить JavaScript?
Изучение на примерах!
В курсе основной фокус делается на живой практике, вам даются примеры кода, даётся возможность пощупать код, понять логику. Вот один из примеров:
Также в курсе уделяется внимание различным оффлайн/ онлайн редакторам кода.
Онлайн редакторы
Оффлайн редакторы
Теперь перейдем к изучению собственно языка JS
Переменные и типы данных
В курсе на примерах рассматриваются объявление переменных, правила объявление (чувствительность переменных к регистру), константы, понятия глобальные и локальные переменные.
Типы данных в JS
- Число (number): 1,2,165, 3.14 ...
- Строка (string): 'a', "один", 'два' , 'Голос' ...
- Boolean: true (верно) / false (ложь)
- undefined: неизвестная
- null: специальное ключевое слово, что означает нет значение или пустое. От undefined разница в том, что когда переменная равна null, она все еще определена.
Операторы:
В JavaScript оператор может быть унарным или двоичным (плюс один тернарный оператор). Операторы позволяют производить математические операции с переменными ( числовыми).
Следующие арифметические операторы являются двоичными: +, -, /, *,% (по модулю).
И есть также унарные операторы: ++, -- (напротив числа) ++ и -- операторы увеличивают или уменьшают значение переменной. Они могут быть как префиксными(Prefixed), так и суффиксными (Suffixed), которые имеют разные эффекты:
Suffixed ++ добавляет значение к переменной, а затем возвращает новое значение.
Prefixed ++ также добавляет значение к значению, но возвращает старое значение. Оба они должны использоваться с переменными.
Далее рассматриваться такие понятия как объекты {}, массивы [], функции function name() {}.
Что понравилось в курсе учат править код прямо в консоли браузера:
Основываясь на изученных материалах, какой самый полезный и выгодный совет я могу дать сообществу Голоса?
JavaScript на самом деле мощный инструмент в руках современного веб-разработчика. Если Вы решили связать свою жизнь с веб разработкой учите JS! Данный курс призван познакомить пользователя с JS не более. Хотя и с этого можно начинать.
Мнение о курсе и материале
Давайте попробуем разобрать +/- курса.
Понравилось много примеров, практики, вставки с CodePen. Закрепление пройденного материала в конце лекции и неплохой тест в конце.
Не понравилось (ИМХО) озвучка проф. имеет индусский акцент (у меня лично сразу ассоциация в голове с Кутрапали из Теории Большого взрыва, не могу я серьёзно воспринимать материал). Последовательность изложения материал если сначала все было хорошо переменные, типы данных, операторы, то потом почему-то дальше пошли объекты, массивы, функции (по мне так лучше идти от функции-массивы-объекты).