Курс: "JavaScript для начинающих"

Автор курса: Подлесный Д.В.
Преподаватель курса: Подлесный Д.В.

Часов, ак.: 36
Стоимость, грн.: 4300

Краткое описание курса:

JavaScript является языком программирования, который сегодня принадлежит к числу наиболее востребованных и, одновременно, имеет несложный синтаксис. Курс предполагает изучение JavaScript, включая как основы языка, так и методики работы с современными библиотеками и технологиями, которые наиболее часто используются в Web-разработке (JQuery, Ajax, Bootstrap, Angular JS). Обучение строится на максимальном использовании практических заданий при минимуме необходимой теории.

С первого занятия Вы будете не только слушать преподавателя, но и писать программный код. В рамках теоретической части Вы получите знания об основах языка JavaScript и объектно-ориентированном программировании, которые помогут Вам при изучении не только JavaScript, но и других современных языков и технологий. В ходе изучения курса слушателю выдаются методические материалы и презентации лекций.

Цели курса:

Цель курса состоит в том, чтобы помочь слушателям освоить язык программирования JavaScript и получить практические навыки в сфере front-end разработки. Это позволит им осуществить старт в области программной разработки на JavaScript и заложить основы для дальнейшего изучения технологий веб-программирования.

Преимущества курса:

практическая направленность. В ходе обучения мы будем решать реальные задачи из области front-end-разработки – создание адаптивного дизайна веб-страницы, создание эффектов анимации на сайте, реализация скриптов для обмена данными с сервером.
простота и доступность изложения материала. Курс подойдет даже тем, кто никогда ранее не занимался программированием.
учет конкретных требований рынка труда. В рамках курса мы познакомимся не только с основами языка JavaScript, но и технологиями, владение которыми наиболее часто фигурирует в требованиях работодателей.

Для кого предназначен:

Курс предназначен для всех, кто желает освоить программирование на JavaScript и заниматься front-end-разработкой. Особый интерес представляет для html-верстальщиков и программистов, которые желают повысить квалификацию путем изучения JavaScript и технологий, базирующихся на основе данного языка.

По окончании курса слушатели будут знать:

основы языка JavaScript, включая переменные, типы данных, условные конструкции, циклы, массивы;
концепцию объектно-ориентированного программирования и ее реализацию в JavaScript;
способы работы JavaScript с веб-документом;
принципы и сферу использования полярных библиотек и фрэймворков JavaScript.

По окончании курса слушатели будут уметь:

создавать динамические веб-страницы при помощи JavaScript;
обеспечивать диалог пользователя с сервером путем использования технологии Ajax;
использовать современные библиотеки и фрэймворки JavaScript - JQuery, Bootstrap, Angular JS.

Преподаватель курса:

Подлесный Дмитрий Вадимович
Имеет более 10-ти лет опыта работы в высшей школе. Кандидат наук (PhD), доцент. Научно-педагогическая деятельность отмечена рядом наград и благодарностей центральных и местных органов власти. В работе активно использует информационные и цифровые технологии. Принимал участие в разработке электронных учебников и дистанционных курсов.
Кроме работы в сфере образования занимается программированием и созданием сайтов.
Внимательно и уважительно относится к ученикам. Доступно объясняет материал с примерами из реальной практики..

Краткая программа курса "JavaScript для начинающих"

№ п/п	Темы	Занятия (содержание, подтемы)	Часы
1	Введение в разработку на языке JavaScript	Общая информация о языке JavaScript (история возникновения, сфера использования). Среда разработки и редакторы кода JavaScript. Написание кода в консоли браузера. Способы интеграции скрипта в веб-страницу. Понятие переменной, ключевые слова var и let. Модальные окна alert, prompt и confirm. Практическое занятие №1 В текстовом редакторе Notepad++ осуществить простой диалог с пользователем с использованием окна prompt. Домашнее задание Установить на своем компьютере текстовый редактор Notepad++. Создать документ html и подключить к нему внешний скрипт с окном alert, которое приветствует пользователя.	2
2	Типы данных и условные конструкции в JavaScript	Типы данных в языке JavaScript. Примитивные типы и объекты. Целочисленные, вещественные, логические, символьные и строковые типы данных. Математические операции и операторы сравнения. Условный оператор if-else. Оператор множественного выбора switch. Практическое занятие №2 Решение задач по сравнению чисел, приведению типов данных, выводу арифметической прогрессии. Домашнее задание Написать программу, которая просит пользователя ввести валюту и сумму, которую он хочет положить на депозит и выводит ему процентную ставку. Процентная ставка зависит от типа валюты и суммы вклада.	2
3	Циклы и массивы в JavaScript	Циклы и массивы Понятие цикла. Типы циклов. Циклы while, do-while и for. Массив в JavaScript. Одномерные и многомерные массивы. Создание, инициализация и заполнение массива. Генерация случайных чисел. Перебор и сортировка массива. Практическое занятие №3 Написать игру «Угадай число». Создать двумерный массив, заполнить его случайными целыми числами и последовательно вывести в окне alert нечетные числа массива. Домашнее задание Создать одномерный массив, заполнить его целыми числами, найти наименьший и наибольший элемент массива и их индексы.	4
4	Функции в JavaScript	Понятие функции в программировании. Объявление функции. Входящие параметры. Область видимости переменных. Возвращаемое значение. Практическое занятие №4 Написать функцию, которая во входящих параметрах принимает переменную и выводит ее в консоль браузера. Написать функцию, которая создает двумерный массив, заполняет его случайными числами и возвращает. Домашнее задание Написать функцию, которая осуществляет действия, предусмотренные домашним заданием по теме № 2 (Типы данных и условные конструкции в JavaScript).	2
5	Введение в объектно-ориентированное программирование	Понятие и принципы ООП. Свойства и методы объекта. Создание объектов. Конструкторы. Понятие инкапсуляции. Ее реализация в JavaScript. Классы в JavaScript. Практическое занятие № 5 Создать объект Employee (Сотрудник), имеющий свойства: id (табельный номер),name (имя), salary(зарплата), age (возраст), stage(стаж) и метод print(), выводящий информацию о сотруднике. Создать конструктор объекта Employee с вышеперечисленными полями и методами. Создать класс Employee с вышеперечисленными полями и методами. Домашнее задание Создать конструктор, который описывает любой объект окружающей действительности. С помощью данного конструктора создать несколько объектов и записать их в массив. Написать функцию сортировки данного массива по одному из полей объекта.	2
6	Работа с браузером и DOM	Понятие DOM. Объект document. Получение элемента веб-страницы. Манипулирование элементами. Работа со стилями и аттрибутами. Добавление и изменение элемента. Обработка событий в JavaScript. Основные типы событий. Обработчики событий. Объект event. Работа с браузером. Хранение информации в браузере клиента. Куки, localStorage, sessionStorage. Практическое занятие № 6Создать адаптивное раскрывающееся двухуровневое меню средствами JavaScript и CSS. При уменьшении ширины браузера до 400px меню заменяется кнопкой-гамбургером. Практическое занятие № 7 Создать html-таблицу сотрудников и написать на JavaScript функцию ее сортировки, используя объктно-ориетированное программирование и методы работы с DOM. Домашнее задание Написать функцию, которая при клике на кнопку добавляет/удаляет атрибут readonly текстового поля input.	6
7	Библиотека JQuery	Библиотека JQuery: понятие и сфера применения. Способы подключения JQuery. Селекторы элементов. Манипулирование стилями элементов. Добавление и удаление элементов веб-страницы с помощью JQuery. Введение в обработку событий. Эффекты анимации JQuery. Практическое занятие № 8 С помощью JQuery и объекта sessionStorage реализовать функцию добавления товара в корзину Интернет-магазина. Домашнее задание Создать модальное окно html, которое раскрывается/закрывается при клике на кнопку. Функция открытия/скрытие окна и добавления текста пишется с помощью JQuery. Окно должно находиться строго по центру экрана.	6
8	Передача данных на сервер. Технология Ajax	Взаимодействие приложения с сервером, GET и POST запросы. Понятие синхронного и асинхронного запроса к серверу. Технология Ajax. Передача данных на сервер. Синхронизация форм, формат JSON. Методы load, get, post, ajax. Практическое занятие № 9 Написать скрипт, который передает на сервер данные формы обратной связи. Перед отправкой форма должна сериализироваться. Написать скрипт, который передает на сервер информацию о товарах в формате JSON. Информация берется из таблицы html.. Домашнее задание Написать скрипт валидации формы логина и пароля перед их отправкой на сервер.	2
9	Введение в Bootstrap	Понятие и сферы использования фрэймворка Bootstrap. Способы подключения Bootstrap. Введение в адаптивную верству с помощью Bootstrap. Сетка Bootstrap. Стили и компоненты. Практическое занятие № 10 Сверстать адаптивную веб-страницу (меню, 2 колонки, футер) с помощью Bootstrap. Домашнее задание Дополнить веб-страницу, сверстанную в аудитории, слайдером (каруселью) Bootstrap.	4
10	Основы Angular JS	Технология MVC. Взаимодействие представления, модели и контроллера. Структура приложения на Angular JS. Понятие модуля. Контроллеры в Angular JS. Объект $scope. Директивы Angular JS. Практическое занятие № 11Написать приложение по наполнению и изменению списка товаров интернет-магазина с использованием Angular JS. Домашнее задание Создать модуль Angular JS.	4
12	Экзамен.	Проверка усвоенных знаний и навыков.	2

Про раздаточный материал:

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

Где можно использовать полученные знания:

Полученные знания и навыки можно использовать в области front-end разработки и HTML-верстки, работая как в IT-компании, так и на фрилансе. Базовые знания, полученные при изучении курса, могут стать основой для освоения других технологий, базирующихся или использующих язык Javascript (Node.js, React и др.).

Поддержка выпускников преподавателем:

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

Дополнительная информация:

Основными условиями прохождения курса «JavaScript для начинающих» являются:

наличие собственного компьютера (ноутбука) для того, чтобы работать с раздаточным материалом и делать домашние задания;
наличие хотя бы начальных знаний в области инструментов верстки HTML/CSS. Для слушателей, не имеющих таких знаний, рекомендуется прохождение курса «HTML/CSS. Основы верстки сайтов» на базе нашего учебного центра.

Изображения, иллюстрации к заданиям, программам, документам учебного курса

К практическому занятию по теме «Введение в разработку на языке JavaScript». Создание внешнего скрипта в редакторе Notepad++.

К практическому занятию по теме «Работа с браузером и DOM». Функция сортировки html-таблицы.

Пример домашнего задания по теме «Работа с браузером и DOM». Написание функции, которая при клике на кнопку добавляет/удаляет атрибут readonly текстового поля input.