📣 Живі онлайн заняття з викладачем

Курси Front End

HTML, CSS, JavaScript, React.js, Redux, Node.js, Express.js

Calendar
Старт 25 Березня
Clock
пн, ср, пт: 19:00-22:00
Курси Front End

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

  • Основи HTML, CSS

    На цьому модулі курсу  Основи HTML, CSS будемо вичати:

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

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

    • HTML-теги

    • селектори CSS

    • оформлення елементів

    • управління розміром і положенням блоків на сторінці

    • поля і відступи

    • порядок верстки блоку

    • тестування результатів верстки

    • нюанси кросбраузерності верстки

    • базова анімація

    • стандарт CSS3

    • основні інструменти розробника

  • Основи JavaScript

    На цьому модулі курсу основи JavaScript будемо вивчати як за допомогою JavaScript-коду програміст визначає, як сторінка відреагує на дії користувача.

    Даний модуль курсу познайомить студентів курсу front-end із синтаксисом мови JavaScript.

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

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

     

    • базові і об’єктні типи даних

    • перетворення типів

    • змінні і правила їх іменування

    • умови, оператори, масиви, цикли, функції

    • області видимості, замикання

    • контекст виклику

    • керуючі конструкції

    • обробка помилок

    • введення в браузерні події

    • Localstorage/Sessionstorage

  • Advanced HTML/CSS

    На цьому модулі Advanced HTML/CSS студенти зможуть створювати адаптивні веб-інтерфейси будь-якої складності, які будуть працювати як на широкоформатних моніторах, так і на мобільних телефонах. Також в рамках модуля буде розглянуто один з найпопулярніших CSS-препроцесорів – SASS, його синтаксис, настройки та інтеграція з Gulp. Розглянемо роботу з одним з найвідоміших CSS фреймворків Bootstrap.

    • CSS методології на прикладі BEM

    • HTML верстка з піксельної точністю

    • HTML верстка з підтримкою Retina екранів

    • Крос-браузерна верстка

    • Web accessibility

    • Mobile first

  • Advanced JavaScript

    На модулі Розширений JavaScript буде більш глибоке занурення в можливості мови.

    Знайомство зі стандартами WebSocket, JSONP, AJAX, XMLHttpRequest, Promise, Single Page Application, загальна інформація про RESTful API, тестування коду на сайт за допомогою фреймворків.

    Модуль Advanced JavaScript з урахуванням досвіду останніх проектів в ІТ індустрії.

     

    • основи об’єктно-орієнтованого програмування (ООП)

    • базові шаблони проектування

    • основи функціонального програмування

    • можливості стандарту ES6/ES7 (ECMAScript)

    • конструктори

    • прототипне наслідування (prototype)

    • рекурсія

    • модулі

    • strict mode

    • cookies

    • Async/ Await

  • Основи роботи з бібліотекою React.js.

    Занурення в одну з найпопулярніших бібліотек з побудови складних веб додатків – React.js. У цьому модулі курсу студенти отримають досвід роботи з принципово новим і інноваційним підходом у формуванні сторінок сайту і додатків.

    • верстка JSX

    • віртуальний DOM

    • components

    • робота з Props/State компонента

    • React Router

    • Redux

    • робота з ImmutableJS в React/Redux додатку

    • робота з middleware, Redux-thunk

    • Redux-forms

    • тестування додатку за допомогою Jest та Enzyme

    • використання хуків у React

  • Воркшоп: Серверний JavaScript (BackEnd)

    По закінченню модуля студенти зможуть створити бекенд частину для створених раніше додатків і проектів, а також створювати і використовувати різні REST API (за допомогою популярного фреймворку Express.js).

    • знайомство з технологією Node.js

    • інфраструктуру і використання пакетного менеджера NPM (package manager)

    • фреймворк Express.js

    • роботу з базами даних на прикладі MongoDB

  • Додаткові навички

    Курс передбачає обов’язкове вивчення системи контролю версій Git, завдяки якій робота в команді та вирішення повсякденних завдань стане для студента задоволенням.

    Будуть розкриті наступні теми:

    • робота з Git Bash

    • workflow від створення сховища до його відправки на віддалений сервер

    • робота з гілками

    • робота з конфігураційними файлами

  • Воркшопи та майстер класи

    Курс front-end включає майстер-класи, воркшопи та участь у вебінарах від ізраїльських та українських фахівців.

  • Підготовка до працевлаштування

    Ми будемо проводити повноцінні співбесіди, створюючи умови, максимально наближені до реальних.

    Разом із професійними рекрутерами та інженерами із індустрії ми будемо працювати над резюме кожного студента, його вміннями презентувати себе і свою роботу, вести комунікацію, будемо повністю супроводжувати і підтримувати його в процесі проходження співбесід на стажування та у пошуку роботи.

  • Бонусний модуль: Англійська для IT

    Також під час навчання у студентів буде важливий бонусний модуль — англійська мова для ділового спілкування та роботи в ІТ.

    Модуль допоможе позбутися мовних бар’єрів та невпевненості у своїх силах. Майбутні програмісти опанують необхідну лексику, яка використовується у сфері розробки. Ці знання допоможуть отримати роботу в іноземній компанії, вільно спілкуватися з іноземними замовниками, першими вивчати нові технології та розбиратися в документації і професійних термінах. Також студенти підготуються  до проходження інтерв’ю англійською мовою.

    Акцент модуля зосереджено саме на розмовній мові та практиці спілкування англійською. Модуль розрахований на студентів з рівнем англійської від А2 до В1.

    Щоб закріпити отримані навички та отримати ще більше практики — студенти зможуть відвідувати розмовний клуб англійської мови. Кожна зустріч клубу буде присвячена певному аспекту інтерв’ю або бізнес-ситуації спілкування, яка може виникнути у сфері розробки.

Що ви будете вміти після курсу

Skill Icon

Знати HTML, CSS, популярну мову програмування JavaScript та вміти з нею працювати

Skill Icon

Розуміти логіку роботи клієнт-серверної архітектури у контексті написання реальних додатків

Skill Icon

Знати бібліотеки React.js, Redux, розуміти принципи побудови сучасних односторінкових додатків (Single Page Application)

Skill Icon

Розробляти cайт, веб-інтерфейс та веб-додаток. Тестувати і масштабувати веб-додатки

Skill Icon

Читати чужий код із розумінням того, як він працює. Працювати над проектами в команді та розподіляти задачі розробки

Skill Icon

Використовувати сучасні інструменти для розробки: Git, Webstorm, VSCode

Skill Icon

Окрім навичок веб верстки за допомою HTML/CSS, володіти навичками soft-skills, будете підготовленим до проходження співбесіди, а також вміти презентувати себе і свій продукт

Як проходить навчання

  • Educational Process

    Живі заняття

    усі заняття на курсі проходять з викладачем у живому форматі, тому у вас буде можливість ставити всі питання одразу і отримувати відповідь

  • Educational Process

    Зручна LMS-система

    ви назавжди отримаєте доступ до усіх матеріалів курсу і відеозаписів занять, тож у будь-який момент зможете повернутись і повторити матеріал

  • Educational Process

    Підтримка ментора

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

  • Educational Process

    Система оцінки знань

    на відміну від багатьох курсів, наша програма передбачає систему оцінювання знань студентів і рейтинг, який дозволяє оцифровувати досягнення студентів і ставити чіткі навчальні цілі

  • Educational Process

    Допомога курс-координатора

    для розв'язання будь-яких організаційних питань під час навчання у вас буде підтримка власного курс-координатора

  • Educational Process

    Реальні проєкти

    під час навчання ви будете максимально практикувати отримані знання виконуючи проєкти в команді з іншими студентами курсу

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

Ігор Тоболяков

Ігор Тоболяков

Front End Developer в Newfold Digital
Віталій Мудрий

Віталій Мудрий

Software Engineer в Gravity
Роман Марченко

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

Senior Frontend Developer, DAN.IT education
Арсеній Деркач

Арсеній Деркач

Front-end React developer в Revjet
Максим Матвеєв

Максим Матвеєв

FrontEnd developer, Freelance
Богдан Адмін

Богдан Адмін

Senior Software Engineer, NDA
Іван Сердюков

Іван Сердюков

Web development lead at Clario
Андрій Моргун

Андрій Моргун

Middle front-end engineer, LULU Software
Станіслав Чірва

Станіслав Чірва

Senior Frontend (JS) Engineer, EPAM Systems

Розпочни свій шлях вже зараз!

Реєструйся на консультацію та зроби перший крок назустріч новій професії. Наш менеджер допоможе тобі обрати напрямок навчання.

Реєструйся на консультацію та зроби перший крок назустріч новій професії. Наш менеджер допоможе тобі обрати напрямок навчання.

Записуйся на консультацію зараз, та отримай знижку на навчання при повній оплаті!

    Реєструючись, ви погоджуєтесь з політикою конфіденційності

    Працевлаштування з DAN.IT

    Для нас дуже важлива репутація, тож ми піклуємося про кожного нашого студента та допомагаємо йому досягти найголовнішого, не тільки отримати професію, але й працевлаштуватись в IT компанію

    Двох тижневий модуль карʼєрного супроводу

    • Employment Icon

      підготовка резюме та оформлення портфоліо

    • Employment Icon

      написання супровідного листа

    • Employment Icon

      оформлення профілю в Linkedin

    • Employment Icon

      пробні співбесіди з HR спеціалістом та технічним експертом

    • Employment Icon

      підбір вакансій

    • Employment Icon

      фідбек після проходження співбесід та робота над помилками

    • Employment Icon

      варіанти стажування в ІТ компаніях

    • Employment Icon

      супровід при узгодженні оффера та фіналізації умов праці

    Employment
    Alumni

    резюме

    перевірених карʼєрним менеджером
    Alumni

    технічних співбесід

    тренувальні співбесіди з HR та викладачами
    Alumni

    86%

    працевлаштованих випускників

    Вартість курсу FrontEnd

    • Calendar
      тривалість: 7 місяців
    • Lesson
      кількість занять: 63
    • Wallet
      вартість від: 5700 грн/місяць
    • Benefit Icon

      Підтримка ментора

    • Benefit Icon

      Сертифікат

    • Benefit Icon

      Розбивка платежу від компанії

    • Benefit Icon

      Допомога координатора

    • Benefit Icon

      Укладення договору

    • Benefit Icon

      Покупка частинами від Monobank

    • Benefit Icon

      Можливість призупинити навчання

    • Benefit Icon

      Оплата одразу за весь курс зі знижкою

    • Benefit Icon

      Без % розтермінування від ПриватБанк

    Залишились питання?

    Замов безоплатну консультацію, на якій ми розповімо тобі більш детально про умови навчання, відповімо на всі твої запитання і допоможемо обрати напрямок в IT, який підходить саме тобі!

    Clock

    Залиш свій номер телефону і наш карʼєрний консультант звʼяжеться з тобою протягом 15-ти хвилин в робочий час.

      Часті питання

      Скільки коштують курси Frontend в DAN.IT і чи є розстрочка?

      Вартість курсів Frontend розробника в DAN.IT починається від 5700 грн на місяць. Ми пропонуємо розстрочку 0% без переплат, що дозволяє розподілити оплату на зручні для вас періоди. Ціна включає повний 7-місячний курс навчання з менторською підтримкою, перевіркою домашніх завдань та допомогою у працевлаштуванні.

      Чи можна пройти курси Frontend розробника онлайн з будь-якого міста України?

      Так, курси Frontend в DAN.IT проходять повністю онлайн, тому ви можете навчатися з Києва, Дніпра, Харкова, Одеси, Львова або будь-якого іншого міста України і навіть з-за кордону.

      Всі лекції проводяться в живому онлайн форматі, також доступні і записи, а зв’язок з менторами та перевірка завдань здійснюється дистанційно. Формат онлайн-навчання дозволяє поєднувати курси з роботою або навчанням.

       

      Які технології вивчають на курсах Frontend розробника?

      На курсах Frontend в DAN.IT ви вивчите HTML, CSS, JavaScript, фреймворк React.js, роботу з Git, Google Developer Tools, тестування коду та базові знання Backend. Програма розроблена спільно з розробниками провідних українських та міжнародних IT-компаній і відповідає актуальним вимогам ринку.

      Чи допомагає DAN.IT з працевлаштуванням після курсів Front-end?

      Так, DAN.IT надає допомогу у працевлаштуванні для випускників курсів Frontend. Ми організовуємо воркшопи зі складання CV, підготовки до співбесід, проводимо майстер-класи з soft skills та методик роботи в команді Agile/SCRUM. Студенти працюють над реальними проектами для портфоліо, що значно підвищує шанси на працевлаштування.

      Чи можна пройти курси Frontend безкоштовно або зі знижкою?

      DAN.IT періодично проводить акції та пропонує спеціальні умови для студентів. Для отримання інформації про поточні акції, знижки або можливість безкоштовного пробного заняття зв’яжіться з нашими консультантами. Також доступна розстрочка 0%, яка робить навчання доступнішим.

      Скільки триває навчання на курсах Front-end розробника?

      Курс Frontend розробника в DAN.IT триває 7 місяців. За цей час ви пройдете всі необхідні модулі від основ веб-верстки до просунутої роботи з React.js, створите 5 проєктів для портфоліо і будете готові до працевлаштування на позицію Junior Frontend Developer.

      Чи потрібні попередні знання програмування для курсів Frontend?

      Курси Frontend в DAN.IT підходять як для тих, хто вже має базові знання в IT, так і для новачків, які хочуть опанувати професію з нуля. Програма побудована так, що ви послідовно вивчаєте матеріал від простого до складного, а ментори допомагають розібратися в усіх складних темах незалежно від вашого початкового рівня.

      Які проєкти будуть у портфоліо після курсів Frontend?

      За час навчання на курсах Frontend в DAN.IT ви створите 5 повноцінних проєктів у портфоліо. Всі проєкти створюються за вимогами реальних замовників і демонструють ваші навички роботи з HTML, CSS, JavaScript та React.js. Готове портфоліо значно підвищує ваші шанси при працевлаштуванні.

      Хто викладає на курсах Front-end в DAN.IT?

      Курси Frontend ведуть досвідчені ментори з топових IT-компаній України та Ізраїлю. Всі викладачі — практикуючі спеціалісти з багаторічним комерційним досвідом, які передають актуальні знання та діляться реальними кейсами з практики. Ментори супроводжують студентів на всьому шляху навчання.

      Чим курси Frontend в Києві відрізняються від інших міст України?

      Курси Frontend в DAN.IT проходять в єдиному онлайн-форматі для всієї України, тому студенти з Києва, Харкова, Дніпра, Одеси та інших міст отримують однакову якість навчання. Перевага онлайн-формату — доступ до кращих менторів незалежно від вашого місцезнаходження, економія часу на дорогу та можливість навчатися в комфортній обстановці.

      Опис курсу

      Курси програмування у напрямку Frontend будуть правильним рішенням для тих людей, які хочуть приєднатися до ІТ-індустрії з боку web розробки. Даний курс підійде для тих, хто має якісь навички та знання в даній області, так і для новачків, які вирішили освоїти професію Frontend developer «з нуля»,  вивчити веб-верстку за допомогою HTML, CSS та мову програмування JavaScript.

      Програма курсу розроблялася спільно з розробниками провідних українських та ізраїльських IT компаній, тому навчатися студенти будуть за останніми стандартами ІТ-ринку. А ментори в DAN.IT education супроводжують їх на всьому шляху навчання і допомагають розібратися в тонкощах професії і складних темах.

      Курс front-end розбитий на кілька модулів. Вивчення матеріалу проходить з упором на практику під керівництвом досвідчених викладачів. В кінці кожного модуля студентам належить виконати невеликий проект з вивченого матеріалу. Такі степ-проекти дають можливість студентам перевірити всі отримані знання за модуль і додати ще один проект до свого портфоліо. Всі студентські проекти в програмі змодельовані під рішення для проектів замовників.

      В процесі навчання на курсі front-end студенти вивчають веб-верстку сайтів за допомогою HTML та CSS, поширену в середовищі програмістів мову JavaScript, фреймворк React.js, а також даються основи BackEnd. Крім того на курсі, студенти отримують необхідні для фронт-енд розробника навички: робота з графічними редакторами, робота з системами контролю версій GIT, Google Developer Tools, тестування коду JavaScript і багато іншого.

      У процесі навчання DAN.IT education організовує для студентів різні ворк-шопи та майстер-класи з soft skills, складання CV, підготовці до співбесіди, а також методикам роботи в команді Agile / SCRUM.

      Тривалість курсів 10 місяців. Це оптимальний формат для курсів програмування, щоб отримати скіли для подальшого розвитку в сфері FrontEnd. Кожен з наших студентів проходить не тільки процес навчання, а й вчиться на проектах захищати і відстоювати своє бачення і розробку перед замовниками – а замовники у нас реальні! Ми вчимо не тільки бути фахівцем з програмування  на мові JavaScript, але також бути і оратором, презентёром, тімлідом, на практиці готуватися до проходження складних робочих інтерв’ю і прокачувати своє портфоліо з кожним проектом.

      Якщо ви шукаєте, де можна отримати основи програмування, плюс просунутий JavaScript, а також стати гуру спілкування з замовником, цей курс оптимально підійде під ваші цілі.

      Сумніваєтесь чи підійде вам сфера ІТ?

      Записуйтесь на онлайн-зустріч та отримаєте особистий план розвитку в сфері ІТ

      На Вас чекає:
      • консультація кар'єрного менеджера, щодо вибору напрямку розвитку в сфері ІТ
      • знайомство з викладачами курсу
      • зустріч з HR фахівцем
      • відвідування пробних занять 
      • підбір програми навчання згідно вашого запиту та очікувань
      • план розвитку в сфері ІТ
      manager

      Записатись на зустріч

        Реєструючись, ви погоджуєтесь з політикою конфіденційності