- •Введение в JavaScript
- •Что такое JavaScript?
- •Что умеет JavaScript?
- •Что не умеет JavaScript?
- •В чем уникальность JavaScript?
- •Тенденции развития.
- •Недостатки JavaScript
- •Альтернативные технологии
- •Книги по js, html/css и не только
- •ActiveX/npapi, плагины и расширения для браузера
- •Объектно-ориентированное программирование
- •Уровни поддержки
- •Современный doctype
- •Справочники, и как в них искать
- •Спецификация ecmaScript
- •Спецификации html5
- •Редакторы для кода
- •Лёгкие редакторы
- •Sublime Text: шпаргалка
- •Горячие клавиши
- •Плагины
- •Установка и настройка браузеров
- •Установка
- •Включите консоль
- •Просмотр ошибок
- •Включаем отладку
- •Просмотр ошибок
- •Другие браузеры
- •Как поставить несколько версий браузеров?
- •Привет, мир!
- •Внешние скрипты
- •Структура кода
- •Команды
- •Комментарии
- •Переменные
- •Переменная
- •Аналогия из жизни
- •Копирование значений
- •Важность директивы var
- •Константы
- •Имена переменных
- •Зарезервированные имена
- •Правильный выбор имени
- •Имена переменных
- •Имена переменных
- •Зарезервированные имена
- •Правильный выбор имени
- •Введение в типы данных
- •Типы данных
- •Основные операторы
- •Термины: «унарный», «бинарный», «операнд»
- •Арифметические операторы
- •Присваивание
- •Приоритет
- •Побитовые операторы
- •Вызов операторов с присваиванием
- •Оператор запятая
- •Операторы сравнения и логические значения
- •Логические значения
- •Сравнение строк
- •Сравнение разных типов
- •Строгое равенство
- •Сравнение с null и undefined
- •Комментарии
- •Добавить комментарий
- •Комментариев: (14)
- •Побитовые операторы
- •Формат 32-битного целого числа со знаком
- •Список операторов
- •Описание работы операторов
- •& (Побитовое и)
- •| (Побитовое или)
- •Операторы битового сдвига
- •Применение побитовых операторов
- •Описание доступов
- •Проверка доступов
- •Маски в функциях
- •Округление
- •Проверка на -1
- •Умножение и деление на степени 2
- •Взаимодействие с пользователем: alert, prompt, confirm
- •Особенности встроенных функций
- •Комментарии
- •Добавить комментарий
- •Комментариев: (32)
- •Условные операторы: if, '?'
- •Оператор if
- •Преобразование к логическому типу
- •Неверное условие, else
- •Несколько условий, else if
- •Оператор вопросительный знак '?'
- •Несколько операторов '?'
- •Нетрадиционное использование '?'
- •Логические операторы
- •Короткий цикл вычислений
- •Значение или
- •Цикл for
- •Циклы while, for
- •Цикл while
- •Цикл do..While
- •Директивы break и continue
- •Выход: break
- •Следующая итерация: continue
- •Конструкция switch
- •Синтаксис
- •Пример работы
- •Группировка case
- •Тип имеет значение
- •Функции
- •Объявление
- •Локальные переменные
- •Внешние переменные
- •Параметры
- •Аргументы по умолчанию
- •Стиль объявления функций
- •Возврат значения
- •Выбор имени
- •Рекурсия, стек
- •Реализация pow(X, n) через рекурсию
- •Контекст выполнения, стек
- •Задачи на рекурсию
- •Методы и свойства
- •Пример: str.Length, str.ToUpperCase()
- •Пример: num.ToFixed
- •Всё вместе: особенности JavaScript
- •Структура кода
- •Переменные и типы
- •Взаимодействие с посетителем
- •Особенности операторов
- •Логические операторы
- •Конструкция switch
- •Функции
- •Методы и свойства
Лёгкие редакторы
Такие редакторы не такие мощные, как IDE, но они быстрые и простые, мгновенно стартуют.
Как правило, под IDE понимают мощный редактор, с упором на проекты. А «лёгкие» редакторы предназначены в первую очередь для редактирования отдельных файлов. Но на практике граница между IDE и «лёгким» редактором может быть размыта, и спорить что именно редактор, а что IDE — не имеет смысла.
Достойны внимания:
Sublime Text 2 (кросс-платформенный, платный).
TextMate (Mac, платный)
SciTe простой, легкий и очень быстрый (Windows, бесплатный).
Notepad++ (Windows, бесплатный).
Vim, Emacs. Если умеете их готовить.
Выберите любой редактор из перечисленных выше, главное чтобы он что-то умел, кроме простого блокнота.
Top 3
Лично мои любимые редакторы:
Sublime Text 2.
Редакторы от Jetbrains: WebStorm, а также в зависимости от дополнительного языка программирования PHPStorm (PHP), IDEA (Java) и другие.
Visual Studio, если разработка идёт под платформу .NET (Win)
Если не знаете, что выбрать — можно посмотреть на них
P.S.
В списках выше перечислены редакторы, которые используют многие мои знакомые — хорошие разработчики. Конечно, существуют и другие отличные редакторы, если вам что-то нравится — пользуйтесь.
Выбор редактора, как и любого инструмента, во многом индивидуален и зависит от ваших проектов, привычек, личных предпочтений.
Sublime Text: шпаргалка
Горячие клавиши
Плагины
В последнее время я наиболее часто пользуюсь редактором Sublime Text.
Особенно нравится в нём развитая система команд и горячих клавиш. На этой странице размещена «шпаргалка» с самыми частыми хоткеями, теми которые сильно упрощают жизнь.
Горячие клавиши
Для наибольшего удобства «шпаргалка» должна быть распечатана и повешена перед глазами, поэтому она сделана в виде 3-колоночного PDF.
Скачать шпаргалку в формате PDF
Шпаргалка пока под Mac. Для Windows сочетания похожи, обычно вместо Mac-клавиши Cmd под Windows будет Ctrl. А если в сочетании есть и Cmd и Ctrl, то под Windows будет Ctrl + Shift.
Вы часто используете сочетание, но его нет в списке? Поделитесь им в комментариях!
Плагины
Мои любимые плагины:
Package Control
sublime-emmet
JsFormat
SideBarEnhancements
AdvancedNewFile
sublime-jsdocs
SublimeCodeIntel
Остальные:
Alignment
CSSComb
EncodingHelper
GoToRecent
HTML5
jQuery
Prefixr
View In Browser
Есть и другие хорошие плагины. Кроме того, много команд у меня свои, и у вас, скорее всего, со временем тоже появятся свои команды.
Установка и настройка браузеров
Firefox
Установка
Включите консоль
Просмотр ошибок
Internet Explorer
Включаем отладку
Просмотр ошибок
Другие браузеры
Google Chrome
Safari
Opera
IE<8
Мы будем писать скрипты, которые поддерживают все современные браузеры. Хотя они и стремятся поддерживать стандарты, но все-таки бывают отличия.
Как минимум, вам потребуются: Firefox, Chrome и Internet Explorer.
Если вы работаете в Linux или MacOS, то вам потребуется виртуальная машина с Windows для IE.
Большинство разработчиков сначала пишут скрипты под Firefox или Chrome. Если все работает, скрипт тестируется в остальных браузерах.
Если поддержка IE6 вам не нужна, то достаточно последней версии IE, он умеет эмулировать предыдущие версии до 7й включительно. Иначе нужна дополнительная виртуальная машина, исключительно под IE6.
Firefox
Для разработки в Firefox используется дополнение Firebug.
