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. Щоб перевірити свій рівень знать та долучитися до навчання просимо пройти невелике тестування

icon Хто читає цей курс?
Микола Сотула

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% знижка Одразу за курс
20% знижка ЗСУ та військовим
Покупка частинами
від
від 3 до 12 платежів без комісії

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

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

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

    dontleave

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

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

      happy Вітаю! 👏

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

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