Online | Offline
КУРС

Fullstack JavaScript

  • Пройдеш повний цикл створення web-проекту
  • Навчишся створювати інтерактивні web-сторінки з використанням JavaScript
  • Отримаєш досвід використання фреймворків для створення користувальницьких інтерфейсів
Оплата частинами

Заробітна плата Fullstack JavaScript розробника

від 500$ до 3700$

(за даними work.ua або dou.ua)

Чим займається Fullstack JavaScript-розробник

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

Він може працювати як віддалено, так і в IT-компанії. Програміст JavaScript добре володіє не тільки JS, але й HTML та CSS. Після року роботи Junior, цілеспрямований і талановитий розробник може претендувати на більш цікаву та високооплачувану посаду. Освойте нову професію та створюйте унікальні додатки, що матимуть успіх у користувачів.

Коротко про курс

icon

Інтенсивна практика і розбір домашніх завдань

icon

Живі онлайн заняття + відеозаписи всіх занять

icon

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

icon

Допомога у працевлаштуванні, оформленні резюме та підготовка до співбесіди

Після курсу ти зможеш

icon

Верстати сторінки на HTML та CSS

Проектувати інтерфейси користувача, створювати кросбраузерну, адаптивну верстку і вносити зміни в існуючу верстку

icon

Development

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

icon

Програмувати на JavaScript

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

icon

Crossplatform

Створювати адаптивні інтерфейси, оптимізувати сайти під мобільні платформи

icon

Застосовувати React

Використовувати повною мірою можливості бібліотеки для прискорення та спрощення процесу розробки

icon

Працювать з Git & GitHub

Аналізувати та керувати результатами своєї роботи використовуючи систему контролю версій Git& GitHub

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

7+

найпопулярніших інструментів та фреймворків для розробки web-проектів

круті приклади від тренера та добірка кращого теоретичного матеріалу

практика роботи у команді з методології SCRUM та Kanban

Основи професії
  • Поняття сайту
  • Поняття веб-сторінок
  • Клієнт-серверна архітектура
  • Client side VS Server side rendering
  • Налаштування середовища
HTML
  • Стандарт W3C
  • Структура HTML документа
  • Теги та атрибути
  • Теги HTML5
  • Форми
  • Теги input, button, span, label, img, table, a
  • Консоль розробника + створення проекту в GIT
  • Обговорення тестового завдання
CSS
  • Введення в стилі
  • Селектори, вага селектора
  • наслідування стилів
  • Величини в CSS
  • Форматування тексту
  • Рядково-блочні елементи
  • Гумова та адаптивна верстка
  • Властивості ширини та висоти (min, max)
  • Плаваючі елементи Float
  • Позиціонування
  • Накладання (z-index)
  • Властивості фону, спрайт
  • Межі
  • Стилізація списків, форм
  • Псевдокласи і специфічні селектори, псевдоелемент
  • Адаптивна верстка (медіазапроси)
  • Bootstrap
  • Препроцесори
JavaScript
  • Вступ
  • Парсер
  • Змінні
  • Типи даних
  • Функції
  • Аргументи функції
  • Область видимості
  • Оператори порівняння
  • Об'єкти та методи
  • Масиви і робота з ними
  • Цикли
  • Рекурсія
  • Замикання
  • Таймери
  • Promise
  • async/await
  • AJAX
  • try/catch
  • Стратегія роботи з помилками
  • Об'єкти BOM
  • Навігація
  • Нативна робота з DOM
  • DOM селектори
  • Додавання вузлів
  • Видалення вузлів
  • Події
  • Події миші
  • Події клавіатури
  • Інші події (scroll, load, ready)
  • Кастомні події
ООП JavaScript
  • Теорія ООП
  • Парадигми
  • Класи
  • Методи і властивості
  • getters & setters
  • Абстракція
  • Спадкування
  • Поліморфізм
  • Інкапсуляція
  • Закріплення, практика
  • Архітектурні паттерни MVC & MVP
  • Фреймворк Backbone
Інструменти
  • Node JS - установка, настройка, введення
  • Gulp - загальна інформація
  • Види тестування
  • Karma
  • Jasmine
  • Scrum
React
  • Встановлення та налаштування
  • React DevTools
  • Компоненти
  • Створення
  • Використання
  • Класовий VS функціональний
  • State/Props/Hooks
  • Роутінг
  • Запуск комплексного додатка
  • Написання програми (Закріплення матеріалу)
NodeJs
  • Основні модулі
  • Використання модулів
  • Фреймворк Express
  • Установка
  • Роутінг
  • Робота з body запита
  • Валідація запиту за допомогою Joi
  • Middleware
  • Сесія
  • Аутентифікація і авторизація
Databases
  • Documental VS Relational DBs
  • MongoDB. mongoose
  • MongoDB. Створення колекції
  • MongoDB. Пошук по колекціях
  • MongoDB. Зміна колекції
  • Postgres
  • Postgres. Синтаксис мови запитів
  • Postgres. Створення колекції
  • Postgres. Select запити
  • Postgres. join таблиць
PROJECT
  • Написання програми
  • Захист фінального проекту

Звертаємо твою увагу!

Для запису на даний курс у тебе мають бути знання та практичний досвід у застосуванні HTML/CSS. Щоб перевірити свій рівень знать та долучитися до навчання просимо пройти невелике тестування

Хто читає цей курс?

Микола Сотула

Микола Сотула

FullStack developer&mentor SoftServe

12 років викладаю складні речі максимально простими словами
10 років розробляю веб, мобільний, десктопний та серверний софт
10 років створюю сайти, мобільні програми, програми для ПК та серверів
5 років працюю FullStack розробником

Як відбувається навчання?

Живі заняття

Навчання в онлайн форматі та відеозаписи занять

90% практики

Практика з першого дня навчання: робота над реальним проектом для портфоліо

Підтримка викладачів

Закритий Telegram чат групи з викладачем, розбір домашніх завдань та регулярний зворотний зв'язок

Кар'єрні івенти

Онлайн-екскурсії в топові IT-компанії, тренінги з Soft Skills та підготовка до працевлаштування

Твоє резюме після навчання

Олег Вербицкий Fullstack JavaScript developer Trainee
Зарплата від 600$
Графік Работа в офісі/віддалено
Освіта Level Up
Ключові навички
  • Розробка проектів frontend-частини з нуля
  • Розробка бізнес-логіки та back-end системи для підтримки продукту
  • Проектування інтерфейсів користувача
  • Вільне володіння JavaScript та JavaScript транспайлерами
  • Знання та досвід роботи з популярним фреймворком React та його бібліотеками
  • Володіння інструментами контролю версій Git, GitHub
  • Розуміння принципів побудови бекенда та розбиратися у серверних технологіях
  • Сильні аналітичні здібності та увага до деталей
  • Готовність вчитися, зростати та вдосконалюватися в галузі якості

Так буде виглядати твій електронний сертифікат

який ти зможеш додати до свого CV

Інструменти, які ви опануєте

icon
instrumet preview
instrumet preview
instrumet preview
instrumet preview
instrumet preview
instrumet preview
instrumet preview
instrumet preview
instrumet preview
instrumet preview
instrumet preview

HTML

Мова гіпертекстової розмітки сторінок, яку застосовують для розмітки документів для перегляду веб-сторінок у браузері. Його використовують для того, щоб дати браузеру зрозуміти, як потрібно відображати завантажений сайт або сторінку.

instrumet preview

CSS

Каскадні таблиці стилів. CSS — формальна мова опису зовнішнього вигляду документа, написаного за допомогою мови розмітки. Також може застосовуватися до будь-яких XML-документів, наприклад SVG або XUL.

instrumet preview

JavaScript

Мультипарадигменна мова програмування. Підтримує об'єктно-орієнтований, імперативний та функціональний стилі. JavaScript – єдина мова програмування для браузерів.

instrumet preview

Bootstrap

Найпопулярніша у світі бібліотека HTML, CSS та JS, яка використовується веб-розробниками для швидкого створення адаптивних дизайнів сайтів. Включає HTML- і CSS-шаблони оформлення для типографіки, веб-форм, кнопок, міток, блоків навігації та інших компонентів веб-інтерфейсу, включаючи JavaScript-розширення.

instrumet preview

DOM

Незалежний від платформи та мови програмний інтерфейс, що дозволяє програмам та скриптам отримати доступ до вмісту HTML-, XHTML- та XML-документів, а також змінювати вміст, структуру та оформлення таких документів.

instrumet preview

React

JavaScript-бібліотека з відкритим вихідним кодом для розробки інтерфейсів користувача. React розробляється та підтримується Facebook, Instagram та спільнотою окремих розробників та корпорацій. React може використовуватися для розробки односторінкових та мобільних додатків.

instrumet preview

Redux

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

instrumet preview

MVC

Паттерн розробки, який дозволяє розділити реалізацію логіки програми, зовнішній вигляд (графічний інтерфейс, GUI) та взаємодію з користувачами. З його допомогою можна створювати логічні частини програми окремо один від одного. Тобто писати незалежні блоки коду, які можна як завгодно міняти, не торкаючись інших.

instrumet preview

Git

Розподілена система управління версіями, які допомагають розробникам стежити за змінами коду.

instrumet preview

github

Найбільший веб-сервіс для хостингу IT-проектів та їхньої спільної розробки. Веб-сервіс заснований на системі контролю версій Git та розроблений на Ruby on Rails та Erlang компанією GitHub. Насамперед, сервіс Gitub - це хмарне сховище файлів. Сенс у тому, що на цьому сервісі ви можете розмістити файли зі свого комп'ютера і зберігати їх на віддаленому сервері. Причому, робити це можете абсолютно безкоштовно.

Допомагаємо з працевлаштуванням

кожен випускник Level Up отримує допомогу та підтримку Центру розвитку кар'єри

Надаємо консультацію

Разом із фахівцем ти проаналізуєш свої компетенції, визначиш кар'єрні цілі та позиціонування на ринку праці

Допомагаємо з резюме

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

Пропонуємо вакансії

Менеджер з працевлаштування регулярно інформує студентів курсу про актуальні вакансії у наших компаній-партнерів

Сприяємо твоєму розвитку

Менеджер з працевлаштування створює безкоштовні івенти для розвитку твоїх soft skills та HR-зустрічі з роботодавцями

Допомагаємо отримати роботу мрії

Ти навчишся презентувати себе на співбесіді - очній або заочній. А якщо подаєш резюме на вакансії наших партнерів, менеджер з працевлаштування збирає зворотний зв'язок у роботодавців

Деталі курсу

Дата старта

можна долучитись

Тривалість

312 годин, 52 тижні

Розклад

Пн, Ср 18:00-21:00

Способи оплати

Одразу за курс 10% знижка
Помісячно на без переплат
Покупка частинами
від
від 3 до 12 платежів без комісії

Дізнатись вартість та отримати консультацію

    Оплата курсу

    Виберіть кількість платежів

    Введіть слово, щоб почати пошук

    dontleave

    Ви впевнені, що Вам не потрібна наша консультація?

      Отримати консультацію

      happy

      Вітаю! 👏

      Ти вже на півдорозі до успішної кар'єри в IT

      Вашу заявку прийнято, ми зв'яжемося
      з вами протягом 30 хвилин