Головна > Програма навчання

ПРОГРАМА НАВЧАННЯ

  • ОСНОВИ ПРОГРАМУВАННЯ
  • HTML/CSS
  • JAVASCRIPT
  • JAVASCRIPT ADVANCED
  • ПРОЕКТ

1Вступ до програмування.

  • Навчимось створювати змінні, познайомимось з основними правилами мов програмування (JavaScript, PHP). Знайомство з основними операторами та типами даних.

2Умовні оператори.

  • Маніпулювання умовами, створення простих логічних шляхів сценарію. Приклади сценаріїв з умовними операторами. Познайомимось з розгалуженням та нелінійним виконанням коду.

3Цикли.

  • Дізнаємось що таке цикли, розглянемо та вивчимо різні види циклів їх відмінності та способи застосування. Роль циклів в сценарії. Приклади використання циклів.

4Функції.

  • Вивчимо різні варіанти створення функцій, познайомимось із синтаксисом. Дізнайомось про осбливості і роль функцій в сценаріях.

5Масиви.

  • Що таке масиви? Робота з масивами та їх роль в сценарії. Використання циклів з масивами. Методи сортування.

6Логічні задачі та закріплення матеріалу.

  • Випробуєм засвоєнний матеріал на практиці проходячі різні логічні завдання. Написання різноманітних алгоритмів та тренування логічного мислення.

1Загальна структура.

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

2Знайомство з CSS.

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

3Блочна верстка, поєднання селекторів CSS.

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

4Фон та колір, шари фону, та нові теги HTML5.

  • Вивчимо види позиціонування елементів на сторінці та їх особливості. Дізнайємось про важливість кольору та візуального сприйняття на сторінці. Використаємо різні моделі задання фону та зображень.

5Flexbox, form i table.

  • Розглянемо що таке flexbox і як ним користуватися. Познайомимось з тегами форми, а також таблиці. Розберемо що таке шрифтові іконки, для чого вони потрібні і як ними користуватися.

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

  • Ознайомимось з сучасними методами в CSS та цікавими анімаційними змінами елементів. Навчимось керувати візуальними змінами на сторінці за допомогою стилів. Використання продвинутих методів доступу до елементів сторінки.

7Меню та підготовка шаблону веб-сторінки.

  • Варіації створення різних меню для сайтів. Навчимось робити випадаючі меню, та гармошки. Розкриєм різні графічні формати та дизайни. PSD макети, спрайти, Pixel perfect.

8Адаптивна і резинова верстка

  • Створення адаптивної сторінки за допомогою @media запитів в CSS. Створення гумових сайтів які відображаються на різних екранах. Розглянемо властивості CSS які є специфічними для різних браузерів. Проблема кросбраузерності.

9Анімація в CSS3.

  • Змусимо сторінку бути живою та динамічною за допомогою @keyframes анімацій. Зробимо сторінку цікавою та рухомою.

10Препроцесори.

  • Розглянемо що таке препроцесори і їх види для HTML і CSS. Поговоримо про переваги використання, а також познайомимся з SASS/SCSS та застосуємо його на практиці.

11Фреймворки.

  • Ознайомимося з тим що таке фреймворк, розглянемо переваги та недоліки його використання. Познайомимося з Bootstrap, його основними елементами, а також розберем що та Bootstrap grid.

12Закріплення матеріалу.

  • Розбір питань студентів стосовно курсу. Поговоримо про протоколи HTTP та навчимось писати менше та отримувати більше оптимізовуючи код.

1Що таке JavaScript.

  • Дізнаємося про типи даних, що використовуються в цій мові. Як викликати JavaScript? З чим взаємодіє JavaScript?

2Умовні оператори.

  • Навчимося ставити умови в коді, щоб усе працювало за вашими правилами! Вирішення логічних задач на JavaScript.

3Цикли.

  • Цикли for, while, do while.
  • Рішення математичних рівнянь на JavaScript.

4Структура DOM документа.

  • Що таке DOM?
  • Робота з DOM за допомогою JavaScript.

5Функції і область видимості змінних.

  • Дізнаємось усі нюанси роботи з функціями в JavaScript.
  • Рекурсія та інші цікаві речі.

6Робота з інтерфейсом.

  • Змінюєм стилі за допомогою скріпта, взаємодія сайту з користувачем.
  • Логіка сторінки.

7Події.

  • Обробники подій, робота зі стилями а також приклади роботи з подіями та динамічністю сторінки.

8Масиви.

  • Робота з масивами на практиці, методи масивів та їхня користь.
  • Робота з великою та різноманітною кількістю даних.

9Об'єкти.

  • Об’єкти та їхня користь для сценарію.
  • Робота з об’єктами на практиці.

10Базові елементи сторінки.

  • Створення слайдера на JavaScript.
  • Приклад годинника на JavaScript.
  • Валідація форм на стороні клієнта.

11Що таке JQuery?

  • Де скачати і як підключити?
  • Робота з DOM за допомогою JQuery.
  • Селектори та ієрархія JQuery.

12Проводимо аналогію між JQuery та CSS.

  • Фільтри в JQuery.
  • Приклади складних фільтрів в JQuery.

13JQuery UI.

  • Де скачати та як встановити.
  • Draggable, droppable.

14Анімація в JQuery.

  • Що таке parallax scrolling?
  • Застосування parallax scrolling на практиці.

1Поняття ООП в JavaScript.

  • Варіанти наслідування та прототипування.
  • Практика в об'єктно орієнтованому стилі програмування.
  • this та шаблони виклику функцій.

2Регулярні вирази.

  • Здійснення пошуку за допомогою регулярних виразів.
  • Жадна та лінива квантифікація. Використання регулярних виразів для валідації.
  • Правила пошуку тексту.

3JSON.

  • Серіалізація, передача даних за допомогою об'єктного запису JavaScript.

4AJAX.

  • HTTP запити, що це? Як працюють. Взаємодія "Клієнт-Сервер".
  • Використання методів AJAX для відпраки та отримання даних.

5Для чого потрібні фреймворки?

  • Підключення до сторінки Angular.js.
  • Двостороннє зв'язування та інші особливості Angular.js.
  • Неймовірні веб-додатки що нагадують Desktop.

6Node.js

  • Що таке серверний JavaScript?
  • Які переваги? Асинхронність роботи "Клієнт-Сервер".
  • Модулі Node.js. Пишем сервер JavaScript.

7Ключові професійні навики

  • Впевнене володіння мовою Javascript.
  • Розуміння концепції DOM.
  • Робота з бібліотекою JQuery.
  • Знання AJAX та HTTP запитів.
  • Знання JSON.
  • Уміле застосування регулярних виразів.
  • Поняття серверного JavaScript (Node.js).
  • Володіння фреймворком Angular.js.
  • Побудова красивого та динамічного сайту.

Після пройденого курсу розпочинається 2-тижнева безкоштовна практика, під час якої ви можете закріпити знання або отримати відповідь на ваші запитання. Практика проходить на базі Logos IT Academy. Підібрані матеріали максимально наближені до проектів, з якими працюють у софтверних компаніях.

ЗРОБІТЬ СВІЙ ПЕРШИЙ КРОК САМЕ ЗАРАЗ!

ЗАЛИШИТИ ЗАЯВКУ

Коли Вам краще зателефонувати?

09.00 - 14.00 14.00 - 22.00

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

Підготуйтесь до початку навчання - перегляньте відеоуроки!

ЗАЛИШИЛИСЬ ПИТАННЯ?

м.Львів, вул. І.Франка 61/каб.500

info.lgs.lviv@gmail.com

Skype: logos_lviv