Front-end

Front-end

СТАРТ КУРСУ 09/09/2019
Залишилось місць: 13 з 15
2500 грн/місяць
Тривалість 3 місяця

Що Вас чекає на курсі?

Курс Front-end

Курс Front-end розробника створений саме для людей, які бажають навчитися верстці інтерактивних сторінок в найкоротші терміни. Після закінчення навчання, Ви зможете самі вибирати місце і графік роботи, а також влаштуватися на роботу в IT-компанію. Ви будете знати HTML, CSS і JavaScript на рівні, достатньому для роботи Junior Frot-end developer'ом.

На що спрямований курс Front-end?

Курс Front End дозволить вам почати працювати на фрілансі, вибирати проекти або зібрати власну команду програмістів для роботи над власним проектом. Як відомо, початківець Front-end програміст може заробляти до 500 доларів на місяць. А постійне професійне зростання протягом кількох років може вивести вас на заробіток в 1500 доларів щомісяця. Ви зможете стати керівником цілої команди WEB-розробників.

Якщо ви полюбляєте нестандартні рішення, бажаєте освоїти верстку інтерактивних сторінок в Інтернеті, і хочете отримати перспективну роботу з постійним професійним ростом і новими завданнями, то робота front-end розробника припаде вам до душі. Дана спеціальність не вимагає знання мов програмування або вміння програмувати зовсім. Досить вивчити мову розмітки WEB-сайтів і навчиться нестандартному підходу у вирішенні складних завдань.

Початкові знання

Перед тим, як записатися на курс Front End програмування, ознайомтеся з HTML, CSS і JS, щоб мати загальне уявлення про створення сторінок. Курс вестимуть висококваліфіковані фахівці, а самі заняття будуть розбиті на декілька логічних блоків. Таким чином, освоєння нової інформації буде проходити набагато легше і швидше.

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

Введення і основні поняття

1. ООП, DOM, HTML теги / атрибути.

2. CSS селектори, властивості.

Структура HTML документа. Консоль розробника: Chrome dev tools

1. Обов'язкові HTML теги.

2. Базові HTML теги і CSS властивості.

3. Атрибути тегів.

Робота в IDE. базові HTML теги і CSS властивості

1. Основа роботи в IDE на прикладі VSCode.

2. Огляд необхідних плагінів для IDE.

3. Робота в Chrome developer tools.

Стилізація елементів, базові елементи в HTML / CSS верстки

1. Нормалізація і скидання стилів.

2. Прийоми позиціонування елементів.

3. Псевдокласи, псевдоелементи.

3. Sticky header / footer.

Розбір типового проекту

1. Структура типового проекту.

2. Огляд збирачів: gulp / grunt / webpack.

3. Препроцесори SASS / LESS.

Робота з графічними редакторами

1. Робота з графічним редактором: Photoshop / Sketch / Figma.

2. Нарізка картинок в графічному редакторі.

Огляд збирачів: gulp / grunt / webpack

1. Найпопулярніші збирачі і їх конфігурація: gulp / grunt / webpack.

Інструменти командного роботи (Git, Jira, Confluence)

1. Git, опис процесу Git flow.

2. JIRA, Confluence

Методологии разработки, Респонсивна верстка

1. Методології БЕМ, SMACSS, OSCSS.

2. Респонсивна верстка.

3. Адаптивна верстка.

Додаткові інструменти HTML / CSS верстки, Pixel perfect верстка, робота зі шрифтами

1. Pixel perfect верстка, плагін PerfectPixel.

2. Робота зі шрифтами.

3. Робота з SVG іконками.

CSS фреймворки, сітки

1. Огляд найпопулярніших фреймворків.

2. Детальний розбір Bootstrap компонентів.

3. Робота з сіткою: css grid, flexbox grid.

Препроцесори CSS, CSS3 transitions / animations

1. SASS, LESS препроцесорів.

2. Огляд основних властивостей для CSS3 анімації.

3. Анімація за допомогою keyframes.

Інструменти контролю якості коду (csslint, eslint, prettify)

1. csslint, eslint, prettify.

2. Впровадження контролю коду в скрипти збирачів grunt / gulp / webpack.

Основи Javascript для HTML / CSS верстки

1. Основні властивості і методи DOM елементів.

2. Управління стилізацією елементів за допомогою Javascript.

3. Створення компонента каруселі зображень

Тестовий проект

1. Розіб'ємо готовий дизайн проекту на складові частини.

2. Розділимо частини між усіма учнями.

3. Будемо вести паралельну розробку.

4. В кінці проведемо прийом верстки з боку замовника.

Підготовка до співбесіди

1. Написання CV.

2. Викладання свого коду на Github.

3. Поради, як готуватися до усної співбесіди.

4. Рішення найпопулярніших завдань по HTML / CSS верстки для співбесіди.

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

Популярні напрямки

Знання по закінченню курсів

Після закінчення навчання, студент буде знати HTML, CSS і JavaScript на рівні, достатньому для роботи на позиції junior’а. Практичні заняття спрямовані на підготовку учнів до роботи над реальними проектами. Вони також навчаться оптимізувати код і структурувати його за допомогою різних плагінів. Останні заняття будуть спрямовані на підготовку студента до роботи: складання резюме, пошук вакансій і багато іншого.