Базовий курс

500 годин / 100 лекцій / 50 практичних / 20 тестів

Курс знайомить з принципом роботи мережі інтернет та середовищем розробки. Що необхідно для створення веб-сайту? Як стилізувати та додати динаміки у сторінку сайту?

Visual Studio Code
130 годин / 10 лекцій / 5 практичних / 2 теста

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

  1. Що таке VS Code
    Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, macOS and Linux. It comes with built-in support for JavaScript, TypeScript and Node.js and has a rich ecosystem of extensions for other languages and runtimes (such as C++, C#, Java, Python, PHP, Go, .NET).
    14 годин
  2. Встановлення
    Getting up and running with Visual Studio Code is quick and easy. It is a small download so you can install in a matter of minutes and give VS Code a try.
    14 годин
  3. Інтерфейс користувача
    At its heart, Visual Studio Code is a code editor. Like many other code editors, VS Code adopts a common user interface and layout of an explorer on the left, showing all of the files and folders you have access to, and an editor on the right, showing the content of the files you have opened.
    14 годин

  1. Що таке VS Code
    Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, macOS and Linux. It comes with built-in support for JavaScript, TypeScript and Node.js and has a rich ecosystem of extensions for other languages and runtimes (such as C++, C#, Java, Python, PHP, Go, .NET).
    14 годин
  2. Встановлення
    Getting up and running with Visual Studio Code is quick and easy. It is a small download so you can install in a matter of minutes and give VS Code a try.
    14 годин
  3. Інтерфейс користувача
    At its heart, Visual Studio Code is a code editor. Like many other code editors, VS Code adopts a common user interface and layout of an explorer on the left, showing all of the files and folders you have access to, and an editor on the right, showing the content of the files you have opened.
    14 годин

  1. Що таке VS Code
    Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, macOS and Linux. It comes with built-in support for JavaScript, TypeScript and Node.js and has a rich ecosystem of extensions for other languages and runtimes (such as C++, C#, Java, Python, PHP, Go, .NET).
    14 годин
  2. Встановлення
    Getting up and running with Visual Studio Code is quick and easy. It is a small download so you can install in a matter of minutes and give VS Code a try.
    14 годин
  3. Інтерфейс користувача
    At its heart, Visual Studio Code is a code editor. Like many other code editors, VS Code adopts a common user interface and layout of an explorer on the left, showing all of the files and folders you have access to, and an editor on the right, showing the content of the files you have opened.
    14 годин
HTML
330 годин / 30 лекцій / 10 практичних / 10 тестів

HyperText Markup Language — мова розмітки гіпертексту. Стандартизована мова розмітки документів для перегляду вебсторінок у браузері.

  1. Знайомство з HTML
    Що таке HTML5? Документ та його структура. Перша веб-сторінка.
    14 годин
  2. Де писати та як дивитись?
    IDE - Integrated Development Environment або середовище розробки. Веб-переглядач з погляду розробника.
    14 годин
  3. DOM - Document Object Model
    HTML елементи, атрибути та сутності.
    14 годин
  4. Форми
    Взаємодія з користувачем.
    14 годин
  5. JavaScript
    Доступ до DOM. Події.
    14 годин
  6. Медіа
    Audio/Video відтворення.
    14 годин
  7. Графіка
    Зображення у Вебі. Canvas та SVG графіка.
    14 годин
  8. HTML API
    DOM, сховище, геолокація, Drag and Drop, Web Workers, SSE - серверні повідомлення
    14 годин
  9. HTTP протоколи та безпека
    HTTP TCP UDP SSL
    14 годин

  1. Що таке VS Code
    Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, macOS and Linux. It comes with built-in support for JavaScript, TypeScript and Node.js and has a rich ecosystem of extensions for other languages and runtimes (such as C++, C#, Java, Python, PHP, Go, .NET).
    14 годин
  2. Встановлення
    Getting up and running with Visual Studio Code is quick and easy. It is a small download so you can install in a matter of minutes and give VS Code a try.
    14 годин
  3. Інтерфейс користувача
    At its heart, Visual Studio Code is a code editor. Like many other code editors, VS Code adopts a common user interface and layout of an explorer on the left, showing all of the files and folders you have access to, and an editor on the right, showing the content of the files you have opened.
    14 годин

  1. Що таке VS Code
    Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, macOS and Linux. It comes with built-in support for JavaScript, TypeScript and Node.js and has a rich ecosystem of extensions for other languages and runtimes (such as C++, C#, Java, Python, PHP, Go, .NET).
    14 годин
  2. Встановлення
    Getting up and running with Visual Studio Code is quick and easy. It is a small download so you can install in a matter of minutes and give VS Code a try.
    14 годин
  3. Інтерфейс користувача
    At its heart, Visual Studio Code is a code editor. Like many other code editors, VS Code adopts a common user interface and layout of an explorer on the left, showing all of the files and folders you have access to, and an editor on the right, showing the content of the files you have opened.
    14 годин
CSS
100 годин / 10 лекцій / 10 практичних / 5 тестів

Cascade Style Sheets — каскадні таблиці стилів. Дозволяє описати відображення веб сторінки.

JS
400 годин / 50 лекцій / 20 практичних / 15 тестів

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