Курс Programming Essentials - навчальний центр DAN.IT education

Опис курсу

Курс ідеально підходить тим, хто хоче почати програмувати, але ще не визначився в якому напрямку він хоче розвиватися.

За 2 місяці навчання ви вивчите базове програмування: HTML + CSS та основи Javascript, від розбору синтаксису і тегів до створення блоків, форм та цільових сторінок (landing page). Навчитеся користуватися інструментами верстки та самостійно писати код для браузерів. Фінальна частина курсу буде полягати в роботі над випускним проектом – створенням landing page у форматі “весь сайт на одній сторінці”.

Даний курс буде базою для подальшого розвитку за одним із напрямків:

Full Stack Frontend Interaction design (UI/UX)

Для кого

для тих, кому від 16 років і хто хоче почати свою кар'єру в IT сфері, але не знає, з чого почати

SEO-фахівців, тестувальників, веб-програмістів та HTML-верстальщиків, веб- та UI/UX дизайнерів

для тих, хто хоче спробувати себе в якості програміста

Викладачі курсу

Нікіта Ямник

Full Stack web developer

Богдан Лямзін

Senior Full Stack developer, Центр Авто

Данило Гудзь

Senior Frontend Developer, Livatek

Що будете вміти

Розуміти синтаксис і мову розмітки HTML, CSS

Створювати кросбраузерні сторінки, відзивчиві форми у веб-сторінках

Створювати адаптивні (мобільні) версії сайтів

Розуміти синтаксис і методи JavaScript

Управляти взаємодією з формами, зображеннями і посиланнями на сторінці

Створювати анімації та плавні переходи

Програма

Підготовка до початку курсу

Після проходження співбесіди та зарахування на курс, студент починає підготовку до навчання. В якості першого домашнього завдання студенту висилається література і посилання на відеоуроки, з якими йому доведеться ознайомитися до початку курсу.

Модуль 1. Основи HTML, CSS

HTML – засіб логічної розмітки веб-сторінки. Використовуючи структуру розмітки, можливо вносити дані на сторінку. У процесі першого модуля студенти навчаться описувати цю структуру, використовуючи HTML-теги (спеціальні маркери, які зчитує браузер).

Також в першому модулі студенти вивчатимуть основи CSS, це потрібно для того, щоб розуміти, як повідомити браузеру правильне відображення HTML-тегів.

Ознайомлення з мовою включає в себе:
• селектори CSS
• оформлення елементів
• управління розміром і положенням блоків на сторінці
• поля і відступи
• порядок верстки блоку
• тестування результатів верстки
• базову анімацію
• стандарт CSS3
• основні інструменти розробника

Модуль 2. Основи JavaScript

HTML задає розмітку сайту, CSS відповідає за зовнішній вигляд, а JavaScript призводить все в дію.
За допомогою JavaScript-коду програміст визначає, як сторінка відреагує на дії користувача.
Даний модуль познайомить студентів із синтаксисом мови.

Будуть висвітлені такі теми як:
• базові і об’єктні типи даних
• перетворення типів
• змінні і правила їх іменування
• умови, оператори, масиви, цикли, функції
• області видимості, замикання
• контекст виклику
• керуючі конструкції
• введення в браузерні події

Також студенти ознайомляться з порядком обробки подій (event loop), взаємодією з браузером DOM, функціями зворотного виклику (callback)

В ході курсу студенти навчаться працювати з консоллю розробника, налагоджувати (debug) і перевіряти код на предмет помилок. Передбачено знайомство з бібліотекою jQuery

Фінальний проект (HTML, CSS та Javascript)

Фінальний проект буде полягати в реалізації landing page на HTML, CSS та Javascript з використанням SVG графіки, паралакс ефекту, перемикання вкладок, анімованої каруселі та анімованих блоків, використовуючи бібліотеку jQuery та плагіни до неї, а також з використанням бібліотеки для роботи із зображеннями (як приклад, бібліотека Masonry)