1. Приветствую гостей и пользователей нашего форума! Первый раз вы у нас или же давно участвуете в жизни ресурса, хочу напомнить несколько моментов.

    1) Пользуемся поиском по форуму! Зачастую информация может находиться не по разделу!

    2) Раздел ИНФО-продуктов относительно новый, но имеем уже более 3000 высококлассных материалов (пользуемся сортировкой по прификсам).

    3) И самое важное, КАК КАЧАТЬ БЕЗ ОГРАНИЧЕНИЙ, вся информация находится по этой ссылке КУПИТЬ VIP

    4) Временная акция, получи +5 постов за вступление в нашу группу "Вконтакте" Более подробно ТУТ

    5) Веди активную жизнь на форуме и получай рубли на личный счёт!

    Скрыть объявление
  2. На нашем форуме Null-Prog действует серьёзное правило касательно размещения материалов!

    ДЛЯ РЕЛИЗЁРОВ: категорически запрещается выкладка материалов на файлообменники типа Deposit, letitbit и другие, требующие просмотров рекламы, обрезающие скорость и тд. Нарушителям, первые 2 раза предупреждения, далее БАН. Тему по этому поводу можно посмотреть ТУТ

    Скрыть объявление
  3. В тестовом режиме на нашем форуме открыт онлайн конструктор сайтов. Вы можете попробовать создать свой сайт у НАС, интуитивно понятный интерфейс, переведёт на 95%, быстрый экспорт проекта, от вас только перетаскивать элементы и вставить в них необходимый текст!

    Все вопросы ТУТ

    Скрыть объявление

  4. Скрыть объявление
  5. Уважаемые форумчане, открывается новый раздел форума, посвящённый ремонту и эксплуатации автомобилей. Просмотреть его можно ТУТ

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

    Напоминаю, сообщения в разделе АВТО не учитываются, общение не ограничено.

    Скрыть объявление
  6. Объявляется набор Модераторов на различные раздел форума, свои заявки можно оставлять в ЭТОМ разделе, перед оставлением заявки рекомендуется ознакомиться с ПРАВИЛАМИ для модераторов.

Программирование/Администрирование [HTML Academy] Базовый JavaScript

Тема в разделе "Программирование/Администрирование", создана пользователем Sam Jack, 29 янв 2016.

  1. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.742
    Симпатии:
    4.896
    Начальный уровень: новичок
    Интенсив рассчитан на новичков без навыков программирования. Для прохождения интенсива нужны навыки HTML и CSS, для получения которых достаточно пройти бесплатные интерактивные курсы на HTML Academy.

    Профессиональный рост
    Этот интенсив предназначен для «прокачки» верстальщика до полноценного фронтенд-специалиста, востребованного на рынке.

    Рабочий процесс как в IT-компаниях
    Процесс работы над практическими заданиями построен с использованием систем контроля версий и GitHub.

    Программа курса:

    Раздел 1: введение
    Теория:
    • Инструменты работы с JavaScript: браузер, консоль, IDE.
    • Введение в работу с системой контроля версий.
    • Рабочий процесс на интенсиве.
    • Введение в JavaScript.
      • Области применения JavaScript.
      • Функции, типы данных, переменные.
      • Условные операторы, циклы.
      • Диалоговые окна.
      • Интерпретируемость языка, очередность выполнения команд.
      • Исключения.
      • Консоль.
    Практика:
    Клонирование репозитория.
    Выбор IDE.
    Настройка рабочего окружения.

    Раздел 2: знакомство с DOM
    Теория:
    • Введение в работу с DOM. Формы.
    • События. Модель DOM Level 0.
    • Cookies.
    • Javascript. Контекст функции.
    Практика:
    Валидация данных, введенных в форму.
    Сохранение последних валидных данных в форме в cookies.

    Раздел 3: погружение в DOM
    Теория:

    • Продвинутая работа с DOM: создание, удаление элементов, DocumentFragment.
    • Введение в шаблонизацию.
    • Работа с изображениями.
    • Базовые структуры данных: массивы и объекты.
    • Библиотеки jQuery, lodash/underscore, mout.
    • Интервалы и таймауты.
    • Асинхронность JavaScript, очередность выполнения кода, потеря окружения.
    Практика:
    Создание DOM-дерева на основе заданной структуры данных.
    Добавление обработчиков ошибок и таймеров на загрузку изображений.

    Раздел 4: передача и обработка данных
    Теория:
    • Введение в HTTP: методы, коды состояния, заголовки.
    • Введение в AJAX.
      • Объект XMLHttpRequest.
      • GlobalFetch.
      • jQuery.ajax.
    • Cross-Origin Resource Sharing (CORS).
    • Работа с коллекциями.
    • Хранение данных в localStorage.
    Практика:
    Загрузка структуры данных с прошлой недели с сервера по AJAX.
    Фильтрация списка.
    Сохранение состояния фильтров в LocalStorage.

    Раздел 5: события
    Теория:
    • Модель событий DOM Level 2.
    • Обработчики событий. Создание, удаление обработчиков.
    • Объект Event. Фазы события.
    • Контекст функции. Задание контекста.
    • Замыкания.
    • Делегирование событий.
    • Обработка событий в jQuery.
    Практика:
    Добавление фотогалереи на учебный проект, начало.

    Раздел 6: введение в ООП
    Теория:
    • Введение в объектно-ориентированное программирование (ООП).
    • Особенности ООП в JavaScript: Прототипы. Конструкторы. Цепочка прототипов. Наследование в JavaScript.
    Практика:
    Продолжение работы с фотогалереей.

    Раздел 7: медиа и графика
    Теория:
    • HTMLMediaElement на примере audio и video.
    • Графика на SVG.
    • Введение в графику на Canvas.
    Практика:
    Завершение фотогалереи, добавление видеопроигрывателя в качестве одного из слайдов.
    Начало работы над интерактивным компонентом учебного проекта.

    Раздел 8: работа с состояниями приложения
    Теория:
    • Работа с адресной строкой. window.location. document.location.
    • Введение в работу с историей браузера. pushState/popState.
    • Введение в MVC. Библиотека backbone.js
    Практика:
    Cохранение состояния приложения в адресной строке браузера и восстановление после перезагрузки страницы.
    Рефакторинг кода, согласно паттерну MVC.

    Раздел 9: лучшие практики и оптимизация
    Теория:
    • Лучшие практики JavaScript. Модульность. Паттерны проектирования.
    • Введение в работу с памятью, профилирование.
    Практика:
    Завершение работы с интерактивным компонентом.
    Доведение проекта до финального состояния.

    Скрытый текст:
    **Скрытый текст: Вы должны нажать кнопку 'Мне нравится' для возможности просмотра скрытого текста.**
    Скачать
     
    Метки:

Поделиться этой страницей

iHax Community
Рейтинг@Mail.ru Яндекс.Метрика мониторинг сайтов
Форум программного обеспечения/
Загрузка...