Поиск по этому сайту

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

kurs-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.



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


prepodavatel-kursa-javascript


















Подлесный Дмитрий Вадимович
Имеет более 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
  1. Написать функцию, которая во входящих параметрах принимает переменную и выводит ее в консоль браузера.
  2. Написать функцию, которая создает двумерный массив, заполняет его случайными числами и возвращает.
Домашнее задание
Написать функцию, которая осуществляет действия, предусмотренные домашним заданием по теме № 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++.


sozdanie-vneshnego-skripta-javascript



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


tema-rabota-s-brauzerom-i-dom



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

napisanie-funkcii-javascript



К практическому занятию по теме «Библиотека JQuery». Добавление товара в корзину интернет-магазина.

dobavlenie-tovara-v-korzinu-internet-magazina



К практическому занятию по теме «Передача данных на сервер. Ajax». Передача данных формы обратной связи.

tema-peredacha-dannyh-na-server-ajax



К практическому занятию «Введение в Bootstrap». Верстка адаптивного горизонтального меню.

bootstrap-verstka-menju



Чтобы узнать цены и длительность обучения в индивидуальном формате, перейдите на страницу: "Прайс - лист".

https://promin-kharkov.blogspot.com/p/pricelist.html


Проминь, УЦ 2001...