Курс Programming Essentials №1️⃣ в Києві: 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

Роман Марченко

FrontEnd Developer, фрілансер, ментор 10+ навчальних груп, розробник 70+ іноземних і українських проектів

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

Розуміти синтаксис і мову розмітки 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)