Придбаний [[Слерм] Програмування на Python і JavaScript для підлітків (Сем Булатов, Лена Район)

[Gadzhi]

Автори освітнього треку: Сем Булатов, Лена Райан, Леонід Крутовський

програма спочатку створена для 16+, які бажають перейти в IT. З досвіду дорослих випускників, при навчанні від 8 годин на тиждень на обидва курси освітнього треку потрібно півроку.

іграшки прибираємо в комору, все як у дорослих:

• сучасний підхід у навчанні-самостійне вивчення матеріалів
• особистий вибір напрямку професійної розробки
• Написання справжніх веб-сервісів для портфоліо розробника
• ніяких ігрових підходів, програмування через онлайн-ігри, Minecraft

чому варто вчитися у нас:
За освітній трек учень створить 3 проекти на Python: редактор сплайнів, telegram-бот, веб-сервіс todo-list і 1 проект на JavaScript: веб-сервіс рекомендацій фільмів. Проекти можна буде включити в портфоліо.

чого навчимо:

1. працювати зі змінами коду проекту за допомогою Git та GitHub
2. вирішувати завдання на Python і розробляти сайти за допомогою фреймворка django
3. застосовувати принципи клієнт-серверної взаємодії та працювати з базами даних
4. працювати з API сторонніх сервісів і проводити Unit-тестування
5. створювати сайти та мобільні інтерфейси
6. писати код на HTML, CSS і JavaScript
7. створювати інтерактивні елементи на сайтах
8. оновлювати дані на сторінці без її перезавантаження
9. працювати з браузерними API-дізнаватися геопозицію користувачів, взаємодіяти з буфером обміну та ін.
10. використовувати готові рішення

технології в освітньому треку:
Python, PyCharm, PyQt, Coverage, GitHub, Django, SQL, Flask, JavaScript, CSS, HTML, Git, NodeJS, DOM, unit-тести, API.

Спойлер: "інформація"

Блок 1-Програма Python

1. Знайомство
   • знайомство з курсом
     
   • знайомство з автором
     
   • знайомство з навчальним оточенням
     
   • розповідь про Python: що за Мова, де застосовується
2. Підготовка до курсу
   • Створення облікового запису та налаштування Github
     
   • Налаштування SSH
     
   • базові знання про пам'ять і процесор
     
   • розповідь про компілятори та інтерпретатори
3. основи
   • перші програми з IDE або з файлу
     
   • IDE: Visual Studio Code, переваги та налаштування, альтернативи
     
   • PyCharm — Idea
     
   • pep8, Linter стандарти коду.
4. Мова програмування Python
   • змінні та вбудовані типи
     
   • структури даних
     
   • рядки та форматування
     
   • Словники та множини
     
   • Comprehensions, lambda, filter, map, collections
5. тестування
   • основи тестування: unittest, pytest, сoverage.
6. взаємодія з ОС
   • Що таке ОС
     
   • процес і потік
     
   • GIL
     
   • Linux\POSIX
     
   • файлова система
     
   • Робота з мережею в ОС
7. Десктоп
   • основи ООП: успадкування, поліорфізм, MRO
     
   • ООП в Python
     
   • PyQt widgets
     
   • огляд технології QML: порівняння з JavaScript, обговорення MVC, розділення frontend і backend.
8. Десктоп PyGame
   • пошук прикладів на Github
     
   • Запуск, демонстрація без розбору коду
     
   • розширення функціональності
9. бази даних
   • основи SQL
     
   • види сховищ і баз даних
     
   • огляд найпопулярніших інструментів
     
   • ORM Загальні відомості, CRUD
     
   • Active Record vs Data Mapper
10. пишемо бота
    • Що таке API, читаємо документацію
      
    • Качаємо бібліотеку, пробуємо простий приклад
      
    • пишемо простого бота, запит з Ютуба або з Вікіпедії.
11. WEB-основи
    • Що таке web і з чим його їдять
      
    • місце Python в web, огляд фреймворків
      
    • як проектувати, ApiFirst, стилі проектування, OpenAPI
      
    • SOAP, RPC
12. Django
    • основи Django: підключення БД, Налаштування Hello World.
      
    • проектуємо API для бекенда.
      
    • підключаємо DRF.
      
    • створюємо контролер для постів
13. Flask і FastApi
    • порівняння Flask з Django
      
    • приклад коду на Flask з розбором

Блок 2 - Програма JavaScript

1. Знайомство
   • знайомство з курсом
     
   • знайомство з авторами
     
   • знайомство з навчальним оточенням
     
   • джерела інформації
2. основи верстки
   • базові теги HTML
     
   • базові властивості CSS
     
   • Блокова модель
     
   • позиціонування
     
   • CSS-анімації
3. прискорювачі процесу верстки
   • CSS-змінні
     
   • методології верстки
     
   • Препроцесори
     
   • UI-фреймворки
     
   • Шаблонізатори
4. основи JavaScript
   • Що таке інструкція?
     
   • Строгий режим "use strict"
     
   • змінні
     
   • типи даних
     
   • перетворення типів даних
     
   • оператори
     
   • оператори порівняння
     
   • умовні оператори (if, switch...case)
     
   • логічні оператори
     
   • взаємодія з користувачем (alert, prompt, comfirm)
     
   • цикли (while, for)
     
   • функції
5. якість коду
   • налагодження в браузері
     
   • Шкідливі поради
     
   • Коментарі
     
   • документація
6. Об'єкти
   • Об'єкти
     
   • збір сміття
     
   • Символи
     
   • методи і this
     
   • перетворення в примітиви
     
   • функції-конструктори
7. типи даних
   • методи у примітивів
     
   • Числа
     
   • рядки
     
   • масиви та їх методи
     
   • ітератори (перебираються об'єкти)
     
   • Map і Set
     
   • WeakMap і WeakSet
     
   • Формат JSON
8. глибше у функції
   • рекурсія
     
   • замикання
     
   • rest параметри
     
   • Var
     
   • Глобальний об'єкт
     
   • функція як об'єкт
     
   • декоратори і call/apply
     
   • Прив'язка контексту до функції (bind)
     
   • повторюємо лямбди (стрілочні функції)
9. прототипи, успадкування
   • Прототипне успадкування
     
   • Prototype
     
   • вбудовані прототипи
     
   • методи прототипів
10. ООП
    • Базовий синтаксис КЛАСІВ
      
    • успадкування КЛАСІВ
      
    • статичні методи та властивості
      
    • приватні властивості та методи
      
    • розширення вбудованих КЛАСІВ
      
    • Instanceof
      
    • домішки
11. асинхронність
    • Колбеки
      
    • Проміси
      
    • Async/await
      
    • SetTimeout і setInterval
      
    • RequestAnimationFrame
      
    • EventLoop
      
    • Heap, stack
      
    • черга завдань
      
    • Call-stack
      
    • мікро - та макро-задачі
12. DOM
    • Браузер і специфікації
      
    • Dom-дерево
      
    • Пошук елементів через querySelector*, getElement *
      
    • властивості об'єкта елемента
      
    • зміни документа
      
    • розміри і прокрутка елементів
      
    • розміри та прокрутка вікна
      
    • координати
13. події
    • Що таке подія
      
    • спливання
      
    • делегування подій
      
    • поведінка браузера за замовчуванням
      
    • користувацькі події
14. форми
    • властивості та методи форми
      
    • фокусування на форму
      
    • події форм (change, input, paste, copy)
15. браузерні API
    • Що таке браузерне API
      
    • Web Storage
16. модулі та збірка додатків
    • Що таке збирачі?
      
    • навіщо нам збирати наші проекти?
      
    • за допомогою яких інструментів це можна робити?
17. Фреймворки
    • що це таке
      
    • навіщо потрібні
      
    • як з ними працювати
18. знайомство з NodeJS
    • Що таке NodeJS
      
    • readFile
      
    • writeFile
      
    • process
      
    • global
      
    • process.stdIn
19. тестування
    • Що таке тести і навіщо це потрібно?
      
    • Jest
      
    • unit-тести

Спойлер: "інформація"

Блок 1-Програма Python

1. Знайомство
   • знайомство з курсом
     
   • знайомство з автором
     
   • знайомство з навчальним оточенням
     
   • розповідь про Python: що за Мова, де застосовується
2. Підготовка до курсу
   • Створення облікового запису та налаштування Github
     
   • Налаштування SSH
     
     https://privatelink.de/?https://slurm.io/teen-developer