Принц
Администратор
- Регистрация
- 16 Дек 2016
- Сообщения
- 191.092
- Реакции
- 465.823
Складчина: Fullstack разработчик с нуля [Genius Space] [Богдан Лущенко, Кристина Малитовская, Дмитрий Рябовол]
Fullstack розробник з нуля [Богдан Лущенко, Крістіна Малітовська, Дмитро Рябовол]
Язык украинский
Станьте разработчиком самой востребованной IT-профессии, освойте HTML/CSS, JavaScript, React, React Native, Node.js, Python, получите комплекс Hard и Soft скиллов, освойте frontend & backend, и начните зарабатывать уже через 7 месяцев в $ на работе мечты.
Этот курс точно для вас, если вы:
Мечтаете стать IT-специалистом — но не имеете технического образования и не знаете, с какого направления начать путь
Студент — который ищет себя и дело, в котором сможет реализовать свой потенциал и получать прибыль
Мама в декрете — которая ищет дополнительный заработок, который сможет совмещать с семьёй
Хотите стать Fullstack-разработчиком — но не понимаете, как начать свой путь, чтобы быстрее получить результат
Офисный сотрудник — который устал от рутинной работы, хочет свободы, развития и финансового роста
Желаете освоить новую профессию — и зарабатывать от $1500, путешествовать и работать из любой точки мира
Преимущества быть fullstack-разработчиком?
Это профессия, которая сейчас быстро осваивается и имеет большой растущий спрос на специалистов во всём мире
Перспектива развития в любом IT-направлении
Большой растущий спрос на специалистов во всём мире
Высокая ЗП (около 1 000 $ на старте и до 3 000 $ - 6 000 $ через 1-2 года)
Работа в крупных IT-компаниях, свободный график, соц. пакеты и другие бонусы
FullStack-разработчик в первую очередь концентрируется на задачах «Что нужно сделать», а не «Каким способом сделать». Последний вопрос он часто также решает самостоятельно, ведь владеет необходимыми технологиями. Full Stack Developer работает как с клиентским (client-side), так и с серверным ПО (server-side). Ему не нужно синхронизировать работу специалистов Back-end и Front-end, ведь он сам — «человек-оркестр».
Процесс работы FullStack-разработчика:
Управляет проектом и координирует его с клиентом
Отслеживает и корректирует производительность веб-приложений и инфраструктуры
Разработка сайтов, приложений, мобильных приложений, игр и т.д.
Программа:
HTML/CSS:
Модуль 1. Разработка интерфейсов с нуля
Модуль 2. Начало работы
Модуль 3. Введение в HTML
Модуль 4. Продолжение HTML
Модуль 5. Введение в CSS
Модуль 6. Шрифты
Модуль 7. Блочная модель
Модуль 8. Flexbox
Модуль 9. Раскладка CSS Grid
Модуль 10. Декоративные эффекты
Модуль 11. Графика
Модуль 12. Позиционирование
Модуль 13. Анимация
Модуль 14. Создание веб-форм
Модуль 15. Валидация веб-форм
Модуль 16. Препроцессоры
Модуль 17. CSS Методологии
Модуль 18. Адаптивность и адаптивная графика
Модуль 19. Экзамен HTML/CSS
JavaScript:
Модуль 20. Введение
Модуль 21. Операторы
Модуль 22. Массивы и циклы
Модуль 23. Функции
Модуль 24. Замыкания, this
Модуль 25. Объекты и классы
Модуль 26. ES6
Модуль 27. DOM
Модуль 28. События
Модуль 29. Local Storage & node.js
Модуль 30. Асинхронный Js & дата
Модуль 31. Протоколы передачи данных
Модуль 32. REST API
Модуль 33. WebPack, Gulp
Модуль 34. React
Модуль 35. Экзамен по JavaScript
React:
Модуль 36. Знакомство с React
Модуль 37. State, События
Модуль 38. Props, виды рендера
Модуль 39. Жизненные циклы компонентов
Модуль 40. Хуки, часть 1
Модуль 41. Хуки, часть 2, кастомные хуки, React memo
Модуль 42. Стилизация
Модуль 43. Формы
Модуль 44. HTTP запросы
Модуль 45. React роутинг, часть 1
Модуль 46. React роутинг, часть 2
Модуль 47. Стейт менеджмент, useContext. Библиотека Redux, часть 1
Модуль 48. Библиотека Redux, часть 2
React Native:
Модуль 49. Знакомство с React Native
Модуль 50. Теги и работа с данными
Модуль 51. Стили
Модуль 52. Навигация
Модуль 53. Дополнительные подключения
Модуль 54. Api
Модуль 55. Внешние ссылки и qr
Модуль 56. Завершение
Node.js:
Модуль 57. Основы Node js. Цикл событий. Создание консольного приложения
Модуль 58. Основы Express. CRUD. Postman
Модуль 59. Базы данных. Реляционная база данных SQLite
Модуль 60. Нереляционные базы данных. MongoDB. Схемы и методы Mongoose
Модуль 61. Аутентификация
Модуль 62. Работа с файлами. Буферы. Загрузка файлов в базу данных
Модуль 63. Работа с объектами в nodejs
Модуль 64. Создание модулей. Тестирование. Mocha. Chai
Модуль 65. Финальный проект. Разработка сервера. Деплой на Heroku. Вспомогательные инструменты разработчика: основы git, linter
Модуль 66. Почта. Docker
Модуль 67. Вебсокеты
Python:
Модуль 68. Введение в Python. Установка среды
Модуль 69. Основы синтаксиса Python: переменные, операторы, типы данных
Модуль 70. Управляющие конструкции: условные операторы и циклы
Модуль 71. Структуры данных: списки, кортежи, словари
Модуль 72. Функции и модули
Модуль 73. Введение в ООП. Классы и объекты
Модуль 74. Наследование и полиморфизм
Модуль 75. Инкапсуляция и абстракция
Модуль 76. Принципы SOLID в ООП
Модуль 77. Основы веб-разработки и архитектура клиент-сервер
Модуль 78. Введение в FastAPI. Установка и первая программа
Модуль 79. Введение в базы данных и ORM
Модуль 80. Определение моделей данных и создание таблиц
Модуль 81. CRUD-операции и работа с данными
Модуль 82. Введение в аутентификацию и авторизацию
Модуль 83. Реализация аутентификации с использованием JWT
Модуль 84. Реализация авторизации и управление доступом
Модуль 85. Валидация данных и обработка запросов
Модуль 86. Работа с файлами и загрузка данных
Модуль 87. Docker для развёртывания веб-приложения
Модуль 88. Оптимизация производительности
Модуль 89. Введение в тестирование веб-приложений
Модуль 90. Создание API документации с помощью Swagger
Модуль 91. Разработка финального проекта
Модуль 92. Развёртывание финального проекта
Soft Skills:
Модуль 93. Что такое soft skills?
Модуль 94. Soft skills для IT специалиста
Модуль 95. Цели и их достижение
Модуль 96. Эмоциональный интеллект/Эмпатия
Модуль 97. Основы коммуникации
Модуль 98. Конфликтология
Модуль 99. Ораторское искусство
Модуль 100. Эффективное обучение
Модуль 101. Основы финансовой грамотности
Модуль 102. Планирование и тайм-менеджмент
Спойлер: Подробно
HTML/CSS
Модуль 1. Разработка интерфейсов с нуля
Что нужно знать
Для чего нужна эта профессия
Что такое веб
Пути развития
Результат:
Освоите базовые навыки о работе веб-сайта и узнаете, как загружается веб-страница.
На занятии разберём, чем занимается HTML/CSS специалист и какие направления развития доступны после прохождения курса.
Модуль 2. Начало работы
Настройка среды
Программы для работы
Загрузка первого сайта
Результат:
Загрузите программы для начала работы и настроите комфортную среду разработки для дальнейшего обучения.
На занятии разберём, как загрузить первую страницу в интернет и как сдавать домашнее задание.
Модуль 3. Введение в HTML
Теги и атрибуты
Семантика
Работа с текстом
Изображения
Интерактивные элементы
Списки
Результат:
Узнаете об основах HTML, как работают теги и атрибуты.
На занятии выполним первую разметку сайта для современной пекарни «SHOP bakery», разберём, как работать с изображениями и интерактивными элементами.
Модуль 4. Продолжение HTML
Инструменты разработчика
Таблицы
Символьные подстановки
Медиаконтент, фрейм
Оформление и валидация кода
Результат:
Продолжите изучать HTML и работать с инструментами разработчика в браузере.
На занятии выполним разметку таблицы, добавим на сайт карту с Google Maps и видео с YouTube.
Модуль 5. Введение в CSS
Подключение стилей
Синтаксис, селекторы
Каскадность и специфичность
CSS переменные
Результат:
Узнаете, как подключать стили к HTML-странице, и впервые измените внешний вид сайта.
На занятии разберём, как правильно писать стили, поговорим о каскадности, специфичности и наследовании стилей. Также добавим первые CSS-переменные.
Модуль 6. Шрифты
Подключение шрифтов
Локальные шрифты
Оформление текста
Результат:
Узнаете, как работают шрифты в браузере.
На занятии подключим шрифты из сервиса Google Fonts, а также загрузим шрифты локально в проект. Также добавим базовые стили шрифта к текстовым элементам.
Модуль 7. Блочная модель
Геометрия элемента
Типы элемента
Структурные псевдоклассы
Результат:
Поймёте, что такое блочная модель элемента и как браузер отображает блочные и строчные элементы.
На занятии добавим внешние и внутренние отступы к секциям, кнопкам, ссылкам, заголовкам и т.д.
Модуль 8. Flexbox
Основные концепции
Flex-контейнер и flex-элемент
Практическое применение
Результат:
Научитесь гибко размещать элементы с помощью раскладки флексов.
На занятии сделаем первую флекс-разметку и разместим элементы в соответствии с макетом.
Модуль 9. Раскладка CSS Grid
Основные концепции
Grid-контейнер
Grid-элемент
Практическое применение
Результат:
Научимся работать с декором в CSS, а также рассмотрим, какие есть типы изображений. Разберём, как добавлять различные декоративные эффекты и элементы.
Основные темы: типы изображений, фон и градиент, тень элемента, псевдоэлементы.
Модуль 10. Декоративные эффекты
Типы изображений
Фон
Градиенты
Тень
Псевдоэлементы
Результат:
Поймёте, какие бывают типы изображений и как добавлять декоративные эффекты на сайт.
Также на занятии поработаем с псевдоэлементами для добавления декоративных элементов.
Модуль 11. Графика
Растровая графика
Векторная графика. SVG
Добавление SVG на страницу
SVG-спрайт
Результат:
Освоите навыки работы с растровой и векторной графикой на сайте.
На занятии разберём, как добавлять SVG иконки и правильно их использовать.
Модуль 12. Позиционирование
Типы позиционирования
Свойство overflow
Наложение элементов
Результат:
Узнаете, как позиционировать элементы на странице.
Также поговорим о порядке наложения элементов друг на друга и управлении отображением содержимого элемента.
Модуль 13. Анимация
Трансформация
Переходы
Анимация
Результат:
Добавите первую плавную анимацию на сайт.
На занятии приобретём навыки работы с вращением, масштабированием и искривлением элементов, а также добавим плавные переходы смены цвета.
Модуль 14. Создание веб-форм
Основы работы
Элементы форм
Группировка полей
Результат:
Создадите первую форму на сайте.
На занятии узнаем, как работают формы, и выполним разметку полей ввода.
Модуль 15. Валидация веб-форм
Виды валидации
Проверка введённых значений
Псевдоклассы состояния
Результат:
Добавите проверку введённых значений в полях формы.
Научитесь делать поля обязательными и добавите валидацию по разным критериям.
Модуль 16. Препроцессоры
Препроцессор SASS, SCSS
Вложенные правила
Директивы
Вендорные префиксы
Результат:
Освоите навыки работы с препроцессором.
На занятии разобьём файл стилей на отдельные файлы для удобной навигации по проекту.
Модуль 17. CSS Методологии
Зачем нужны методологии
Методология БЭМ
Блок, элемент, модификатор
Результат:
Узнаете, как добавляют имена классов при командной работе, и измените названия классов по методологии БЭМ.
Модуль 18. Адаптивность и адаптивная графика
Типы и виды вёрстки
CSS media запросы
Стратегии Mobile и Desktop first
Адаптив и ретинизация фоновых и контентных изображений
Результат:
Сделаете страницу красивой для мобильных устройств и планшетов.
Также выполним разметку мобильного меню на сайте.
Модуль 19. Экзамен HTML/CSS
Результат:
Экзамен по пройденному материалу.
JavaScript
Модуль 20. Введение
JavaScript — что это такое
Подключение скрипта
DevTools
Определение объектов, свойств и методов
Типы данных
Результат:
Ближе познакомитесь с командой и спикерами, узнаете историю возникновения профессии, её цели, задачи и принципы.
Составим портрет разработчика и поговорим о вариантах карьерного развития.
Модуль 21. Операторы
Операторы
Вывод данных / ввод данных
Решение логических задач и построение алгоритмов
Условия if/else
switch/case
Результат:
Узнаете, что такое операторы, вывод/ввод данных, решение логических задач, условия if/else и switch/case.
Модуль 22. Массивы и циклы
Массивы
Циклы
Методы присваивания
Методы массива
Области видимости
Результат:
Узнаете, что такое массивы, циклы, методы присваивания, методы массива и области видимости.
Модуль 23. Функции
Функции
Стрелочные функции
Лексическое окружение
Контексты и вызовы
Результат:
Узнаете, что такое функции, стрелочные функции, лексическое окружение, контексты и вызовы.
Модуль 24. Замыкания, this
Замыкания
this
Контексты и вызовы
call, apply, bind
Результат:
Узнаете, что такое замыкания, this, call, apply, bind, закрепите практикой.
Модуль 25. Объекты и классы
ООП
Объекты
Инкапсуляция, абстракция, наследование, полиморфизм
Практика
Результат:
Узнаете, что такое ООП, классы, объекты, инкапсуляция, абстракция, наследование, полиморфизм.
Модуль 26. ES6
Конструкторы
Внутренние методы
Прототипы
ES6
Результат:
Узнаете, что такое конструкторы, внутренние методы, прототипы, ES6, ES9, качество кода.
Модуль 27. DOM
DOM
Навигация по DOM
Свойства
Работа с DOM-узлами
Результат:
Узнаете, что такое DOM, навигация по DOM, свойства, работа с DOM-узлами.
Модуль 28. События
События
Формы
Event propagation
Drag'n'Drop
Результат:
Узнаете, что такое события, формы, event propagation, Drag'n'Drop.
Модуль 29. Local Storage & node.js
Local Storage
Node.js
Установка и использование
Добавление — удаление библиотек
Результат:
Узнаете, что такое Local Storage, Node.js, добавление — удаление библиотек, закрепите практикой.
Модуль 30. Асинхронный Js & дата
Асинхронный Js
Синхронность, асинхронность, многопоточность
setTimeout и setInterval
Дата
Promise
Результат:
Узнаете, что такое сборка проектов: WebPack, работа с библиотеками, закрепите практикой.
Модуль 31. Протоколы передачи данных
TCP/IP
HTTP
HTTPS
Коды ответа
Ошибки и обработка
Результат:
Узнаете, что такое асинхронный Js, синхронность, асинхронность, многопоточность, setTimeout и setInterval, Дата, Promise.
Модуль 32. REST API
REST API
Ajax
Fetch
Практика
Результат:
Узнаете, что такое TCP/IP, HTTP, HTTPS, коды ответа, ошибки и обработка.
Модуль 33. WebPack, Gulp
Сборка проектов: WebPack, Gulp
Результат:
Узнаете, что такое REST API, Ajax, Fetch, закрепите практикой.
Модуль 34. React
Основы популярной библиотеки
Создание сборки
Использование React на примерах
Результат:
Узнаете основы популярной библиотеки, создание сборки, использование React на примерах.
Модуль 35. Экзамен по JavaScript
Результат:
Экзамен по пройденному материалу.
React
Модуль 36. Знакомство с React
На этом занятии мы узнаем, что такое React, как его настроить, разберём, что такое JavaScript XML (JSX), создадим свои первые компоненты и узнаем разницу между классовыми и функциональными компонентами в React.
Что такое React
Настройка и инструменты
Что такое JSX
Компоненты
Компоненты-классы vs Функциональные компоненты
Модуль 37. State, События
На этом занятии мы узнаем, как выполняется рендер компонентов в React, разберём, что такое state, как с ним работать, разберём события (events) и чем они отличаются от событий JavaScript.
Ререндер компонентов
Что такое стейт
Что такое JSX
Работа со стейтом, изменение и обновление стейта
События и SyntheticEvent Object
Модуль 38. Props, виды рендера
На этом занятии мы узнаем, как выполняется рендер по условиям в React, как работает рендер коллекций и для чего нужен проп key, что такое пропс и как с ними работать.
Рендер по условию
Рендер коллекций, что такое key
Что такое Props
Передача пропсов между компонентами
Модуль 39. Жизненные циклы компонентов
На этом занятии мы будем работать в основном с классовыми компонентами. Пройдёмся по методам жизненного цикла компонента, закрепим на практике, узнаем, как обрабатывать ошибки рендеринга.
Монтирование, обновление и размонтирование
Методы классового компонента
componentDidMount
componentDidUpdate
componentWillUnmount
Модуль 40. Хуки, часть 1
useEffect
useLayoutEffect
useState
useReducer
useRef
Модуль 41. Хуки, часть 2, кастомные хуки, React memo
Хуки для оптимизации, useMemo, useCallback
React memo
Что такое кастомные хуки, как их использовать
Модуль 42. Стилизация
Inline Styles (инлайновые стили)
Обычный CSS
CSS модули
css in js
Модуль 43. Формы
Неконтролируемые элементы
Контролируемые элементы
Сложные формы
Библиотеки для работы с формами
Модуль 44. HTTP запросы
Работа с REST API, хорошие практики
Обработка процесса загрузки
Обработка ошибок, Error Boundary
Модуль 45. React роутинг, часть 1
Что такое URL, структура
Библиотека React Router
Базовый роутинг Routes and Route
Вложенные роуты
Компонент Outlet
Компоненты Link, NavLink
Модуль 46. React роутинг, часть 2
Работа с историей
Приватные роуты
Программная навигация «useNavigate» и «navigate»
Lazy Loading
ErrorElement для обработки ошибок в приложении
Модуль 47. Стейт менеджмент, useContext. Библиотека Redux, часть 1
useContext
Вступление в стейт менеджмент, самые популярные
Вступление в библиотеку Redux, Redux Toolkit
Базовая настройка библиотеки Redux
Модуль 48. Библиотека Redux, часть 2
Работа с Redux Toolkit
configureStore
createAction
createReducer
createSlice
React Native
Модуль 49. Знакомство с React Native
Что такое React Native
Особенности работы
Expo
Отличие React от React Native
Документация
Модуль 50. Теги и работа с данными
Обзор базовых компонентов
Ввод данных
Обработка данных
AsyncStorage
Модуль 51. Стили
Работа со стилями
Модуль 52. Навигация
Создание экранов
Переключение экранов
Передача данных между страницами
Модуль 53. Дополнительные подключения
Работа с картами
Работа с календарём
Доступ к данным
Модуль 54. Api
Подключение библиотеки
Отправка запросов
Обработка результатов
Модуль 55. Внешние ссылки и qr
Создание страницы с внешними ссылками
Обработка qr code
Модуль 56. Завершение
Рефактор кода
Сборка билда для android
Node.js
Модуль 57. Основы Node js. Цикл событий. Создание консольного приложения
Что такое nodejs. Работа с библиотеками. Написание консольного приложения, его запуск. Работа с дебагером в VSCode.
Модуль 58. Основы Express. CRUD. Postman
Установка. Что такое CRUD. Написание простейшего сервера. Работа с Postman.
Модуль 59. Базы данных. Реляционная база данных SQLite
Виды баз данных. Реляционные базы. Установка SQLite. Работа с SQLite. Язык SQL. Добавление в сервер работы с базой данных.
Модуль 60. Нереляционные базы данных. MongoDB. Схемы и методы Mongoose
Отличия реляционных и нереляционных баз данных. Установка MongoDB. Добавление в сервер работы с базой данных.
Модуль 61. Аутентификация
Безопасность приложения. Защита данных пользователя. Добавление таблицы пользователей. Допуск к вызову эндпоинтов гостей, обычных юзеров и администраторов.
Модуль 62. Работа с файлами. Буферы. Загрузка файлов в базу данных
Стандартная библиотека работы с файлами. Чтение, создание, редактирование и сохранение файлов. Обработка ошибок. Загрузка файлов в базу данных.
Модуль 63. Работа с объектами в nodejs
Работа с объектами. Ограничения. Свойства объекта. Методы работы с объектами. Цикл for…in.
Модуль 64. Создание модулей. Тестирование. Mocha. Chai
Создание собственных локальных модулей. Import и required. Тестирование кода. Пример тестирования с помощью Mocha и Chai. Дебагер в тестах.
Модуль 65. Финальный проект. Разработка сервера. Деплой на Heroku. Вспомогательные инструменты разработчика: основы git, linter
Завершение разработки сервера. Оформление проекта в репозитории. Написание документации к проекту.
Модуль 66. Почта. Docker
Модуль 67. Вебсокеты
Python
Модуль 68. Введение в Python. Установка среды
Ознакомление с языком Python: история, применение
Установка Python и настройка среды разработки
Запуск первой программы на Python
Результат:
Ознакомимся с историей и применением языка Python. Настроим среду разработки, установим её и запустим первую программу.
Модуль 69. Основы синтаксиса Python: переменные, операторы, типы данных
Переменные и их типы: числа, строки, списки, словари
Операторы: арифметические, сравнения, логические
Встроенные функции для работы с типами данных
Результат:
Разберём переменные и их типы, арифметические, сравнительные и логические операторы, исследуем встроенные функции.
Модуль 70. Управляющие конструкции: условные операторы и циклы
Условные операторы: if, else, elif
Операторы сравнения и логические выражения
Циклы: while и for. Итерирование по последовательностям
Результат:
Разберём if, else, elif, логические выражения и операторы сравнения, исследуем циклы while и for.
Модуль 71. Структуры данных: списки, кортежи, словари
Списки: создание, индексация, срезы, методы
Кортежи: особенности и использование
Словари: ключи, значения, методы работы
Результат:
Изучим создание, индексацию, срезы и методы списков, особенности кортежей, ключи, значения и методы словарей.
Модуль 72. Функции и модули
Определение и вызов функций
Параметры функций: позиционные, именованные
Работа с модулями: импорт, создание собственных модулей
Результат:
Рассмотрим вызов и определение функций, позиционные и именованные параметры, научимся работать с модулями.
Модуль 73. Введение в ООП. Классы и объекты
Основные понятия ООП: классы, объекты, атрибуты, методы
Создание классов и экземпляров классов
Инициализация объектов через конструктор
Результат:
Изучим основные понятия ООП, создание классов и их экземпляров, инициализацию объектов через конструктор.
Модуль 74. Наследование и полиморфизм
Принцип наследования и его применение
Расширение классов, переопределение методов
Полиморфизм: общий интерфейс для разных классов
Результат:
Рассмотрим переопределение методов и расширение классов, принцип наследования, общий интерфейс для разных классов.
Модуль 75. Инкапсуляция и абстракция
Инкапсуляция: ограничение доступа к атрибутам и методам
Абстракция: определение общего интерфейса класса
Абстрактные классы и методы
Результат:
Разберём ограничение доступа к атрибутам, определим общий интерфейс класса, абстрактные классы и методы.
Модуль 76. Принципы SOLID в ООП
Принцип единой ответственности (Single Responsibility Principle)
Принцип открытости/закрытости (Open/Closed Principle)
Принцип подстановки Барбары Лисков (Liskov Substitution Principle)
Принцип разделения интерфейса (Interface Segregation Principle)
Принцип инверсии зависимостей (Dependency Inversion Principle)
Результат:
Рассмотрим все пять принципов SOLID.
Модуль 77. Основы веб-разработки и архитектура клиент-сервер
Основные понятия веб-разработки: клиент, сервер, HTTP-протокол
Принципы работы клиент-серверной архитектуры
Результат:
Рассмотрим клиента, сервера, HTTP-протокол и принципы работы клиент-серверной архитектуры.
Модуль 78. Введение в FastAPI. Установка и первая программа
Знакомство с фреймворком FastAPI: особенности, преимущества
Установка FastAPI и создание простого веб-приложения
Маршрутизация запросов и обработка маршрутов
Результат:
Ознакомимся с FastAPI, создадим простое веб-приложение, научимся маршрутизации запросов.
Модуль 79. Введение в базы данных и ORM (Object-Relational Mapping)
Основы работы с реляционными базами данных
Понятие ORM и преимущества его использования
Интеграция ORM SQLAlchemy с FastAPI
Результат:
Изучим основы работы с реляционными базами данных, понятие ORM, интеграцию SQLAlchemy с FastAPI.
Модуль 80. Определение моделей данных и создание таблиц
Определение классов моделей данных с использованием SQLAlchemy
Создание таблиц в базе данных на основе моделей
Результат:
Рассмотрим определение классов моделей с SQLAlchemy, научимся создавать таблицы на основе моделей.
Модуль 81. CRUD-операции и работа с данными
Создание, чтение, обновление и удаление данных с использованием SQLAlchemy
Основы работы с сессиями и транзакциями
Результат:
Научимся CRUD-операциям с SQLAlchemy, разберём основы работы с сессиями и транзакциями.
Модуль 82. Введение в аутентификацию и авторизацию
Различие между аутентификацией и авторизацией
Токены аутентификации и их роль в веб-приложениях
Результат:
Определим различие между аутентификацией и авторизацией, рассмотрим токены аутентификации.
Модуль 83. Реализация аутентификации с использованием JWT (JSON Web Tokens)
Генерация и проверка JWT-токенов
Интеграция аутентификации с FastAPI
Результат:
Разберём генерацию и проверку JWT-токенов, исследуем аутентификацию с FastAPI.
Модуль 84. Реализация авторизации и управление доступом
Разделение прав доступа пользователей
Реализация ролей и разрешений
Результат:
Разберём разделение прав доступа пользователей, рассмотрим реализацию ролей и разрешений.
Модуль 85. Валидация данных и обработка запросов
Валидация данных, поступающих от клиентов
Использование пайплайнов для обработки данных запросов
Модуль 86. Работа с файлами и загрузка данных
Загрузка и хранение файлов на сервере
Работа с изображениями и другими медиафайлами
Результат:
Разберём загрузку и хранение файлов на сервере, научимся работе с медиафайлами.
Модуль 87. Docker для развёртывания веб-приложения
Основы Docker: контейнеризация, образы, контейнеры
Создание Docker-контейнера для FastAPI-приложения
Результат:
Разберём основы Docker, научимся создавать Docker-контейнеры для FastAPI-приложения.
Модуль 88. Оптимизация производительности
Выявление и устранение узких мест в приложении
Кэширование данных и оптимизация запросов к базе данных
Модуль 89. Введение в тестирование веб-приложений
Типы тестирования: модульное, интеграционное, функциональное
Написание и запуск тестов с использованием библиотеки Pytest
Результат:
Рассмотрим типы тестирования, а также написание и запуск тестов с Pytest.
Модуль 90. Создание API документации с помощью Swagger
Автоматическая генерация документации на основе кода
Интеграция Swagger UI с FastAPI
Модуль 91. Разработка финального проекта
Студенты разработают свой собственный веб-проект на основе изученного материала
Результат:
Подготовимся к финальному проекту на удалённом сервере.
Модуль 92. Развёртывание финального проекта
Подготовка и развёртывание финального проекта на удалённом сервере с использованием Docker
Soft Skills
Модуль 93. Что такое soft skills?
Какие бывают?
Где применять?
Как измерить свой уровень владения soft skills
Как улучшать свои скиллы
Модуль 94. Soft skills для IT специалиста
Для чего IT специалисту развивать soft skills?
Коммуникация: как прокачать и где пригодится?
Креативность и гибкость: как прокачать и где пригодится?
Самодисциплина: как прокачать и где пригодится?
Критическое мышление: как прокачать и где пригодится
Внимательность: как прокачать и где пригодится
Проактивность: как прокачать и где пригодится
Адаптивность: как прокачать и где пригодится
Другие навыки
Модуль 95. Цели и их достижение
Колесо баланса
Как понять, чего хочу именно я?
Как правильно поставить свои цели (смарт)
Как декомпозировать цели
Как достигать своих целей?
Модуль 96. Эмоциональный интеллект/Эмпатия
Что такое эмоциональный интеллект?
Что такое эмпатия и чем отличается?
Как это применять с выгодой для себя?
Личные границы при высоком уровне эмпатии
Модуль 97. Основы коммуникации
Что такое экологичная коммуникация?
Виды коммуникации
Барьеры в коммуникации
Цель в коммуникации, как её увидеть и применить на практике?
Правила успешной коммуникации
Модуль 98. Конфликтология
Что такое конфликт? Почему это хорошо?
Какой идеальный результат конфликта?
Виды и способы разрешения конфликтов
Как сохранять спокойствие во время конфликтов?
Модуль 99. Ораторское искусство
Зачем нам рот?
Как говорить так, чтобы тебя услышали?
Как правильно, эффективно и быстро доносить свои мысли?
Страх говорить
Модуль 100. Эффективное обучение
Что такое эффективное обучение?
Как правильно учиться?
Принципы быстрого и качественного обучения
Как не забыть всё, что выучил?
Модуль 101. Основы финансовой грамотности
Сколько денег мне нужно для счастья?
Сколько денег мне нужно на самом деле?
Как вести собственный бюджет и знать, куда и откуда приходят деньги?
Лайфхак: где взять деньги, когда их нет?
Модуль 102. Планирование и тайм-менеджмент
Как правильно определить приоритетность задач?
Принципы планирования и тайм-менеджмента
Многозадачность: хорошо или плохо? Как успеть всё?
Трекинговые системы
Спойлер: Оригинал
Станьте розробником найзатребуванішої IT професії, опануйте HTML/CSS, JavaScript, React, React Native, Node.js, Python, отримайте комплекс Hard та Soft скілів, опануйте frontend & backend, і почніть заробляти вже через 7 місяців в $ на роботі мрії.
Цей курс точно для вас, якщо ви:
Мрієте стати IT-фахівцем — але не маєте технічної освіти та не знаєте з якого напрямку розпочати шлях
Студент — який шукає себе і справу, в якій зможе реалізувати свій потенціал та отримувати прибуток
Мама у декреті — яка шукає додатковий заробіток, який зможе поєднувати із сім'єю
Хочете стати Fullstack-розробником — але не розумієте, як почати свій шлях, щоб швидше отримати результат
Офісний співробітник — який втомився від рутинної роботи, хоче свободи, розвитку та фінансового зростання
Бажаєте освоїти нову професію — і заробляти від $1500, подорожувати та працювати з будь-якої точки світу
Переваги бути fullstack-розробником?
Це професія, яка зараз швидко освоюється та має великий зростаючий попит на фахівців у всьому світі
Перспектива розвитку в будь-якому IT-напрямку
Великий зростаючий попит на фахівців у всьому світі
Висока ЗП (близько 1 000 $ на старті і до 3 000 $ - 6 000 $ через 1-2 роки)
Робота у великих ІТ-компаніях, вільний графік, соц. пакети та інші бонуси
FullStack розробник в першу чергу концентрується на задачах «Що треба зробити», а не «Яким способом зробити». Останнє питання він часто також вирішує самостійно, адже володіє необхідними технологіями. Full Stack Developer працює як з клієнтським (client-side), так і з серверним ПЗ (server-side). Йому не треба синхронізувати роботу фахівців Back-end та Front-end, адже він сам — «людина-оркестр».
Процес роботи FullStack-розробника:
Керує проєктом та координує його з клієнтом
Відстежує та коригує продуктивність веб застосунків та інфраструктури
Розробка сайтів, застосунків, мобільних додатків, ігр тощо
Програма:
HTML/CSS
Модуль 1. Розробка інтерфейсів з нуля
Що потрібно знати
Для чого потрібна ця професія
Що таке веб
Шляхи розвитку
В результаті:
Опануєте базові навички про роботу веб-сайту і дізнаєтесь, як завантажується веб-сторінка.
На занятті розберемо, чим займається HTML/CSS фахівець та які напрямки розвитку доступні після проходження курсу.
Модуль 2. Початок роботи
Налаштування середовища
Програми для роботи
Завантаження першого сайту
В результаті:
Завантажите програми для початку роботи і налаштуєте комфортне середовище розробки для подальшого навчання.
На занятті розберемо, як завантажити першу сторінку в інтернет, і як здавати домашнє завдання.
Модуль 3. Введення у HTML
Теги та атрибути
Семантика
Робота з текстом
Зображення
Інтерактивні елементи
Списки
В результаті:
Дізнаєтесь про основи HTML, як працюють теги та атрибути.
На занятті виконаємо першу розмітку сайту для сучасної пекарні «SHOP bakery», розберемо, як працювати із зображеннями і інтерактивними елементами.
Модуль 4. Продовження HTML
Інструменти розробника
Таблиці
Символьні підстановки
Медіаконтент, фрейм
Оформлення і валідація коду
В результаті:
Продовжите вивчати HTML, і працювати з інструментами розробника в браузері.
На занятті виконаємо розмітку таблиці, додамо на сайт мапу з Google Maps та відео з YouTube.
Модуль 5. Введення в CSS
Підключення стилів
Синтаксис, селектори
Каскадність і специфічність
CSS змінні
В результаті:
Дізнаєтесь, як підключати стилі до HTML сторінки і вперше зміните зовнішній вигляд сайту.
На занятті розберемо, як правильно писати стилі, поговоримо про каскадність, специфічність і наслідування стилів. Також додамо перші CSS-змінні.
Модуль 6. Шрифти
Підключення шрифтів
Локальні шрифти
Оформлення тексту
В результаті:
Дізнаєтесь, як працюють шрифти в браузері.
На занятті підключимо шрифти із сервісу Google Fonts, а також завантажимо шрифти локально в проект. Також додамо базові стилі шрифту до текстових елементів.
Модуль 7. Блокова модель
Геометрія елемента
Типи елемента
Структурні псевдокласи
В результаті:
Зрозумієте, що таке блокова модель елемента і як браузер відображає блокові і рядкові елементи.
На занятті додамо зовнішні і внутрішні відступи до секцій, кнопок, посилань, заголовків і т.д.
Модуль 8. Flexbox
Основні концепції
Flex-контейнер і flex-елемент
Практичне застосування
В результаті:
Навчитесь гнучко розміщати елементи за допомогою розкладки флексів.
На занятті зробимо першу флекс-розмітку, і розмістимо елементи у відповідності з макетом.
Модуль 9. Розкладка CSS Grid
Основні концепції
Grid-контейнер
Grid-елемент
Практичне застосування
В результаті:
Навчимося працювати із декором в CSS, а також розглянемо, які є типи зображень. Розберемо, як додавати різні декоративні ефекти і елементи.
Основні теми: типи зображень, фон і градієнт, тінь елемента, псевдоелементи.
Модуль 10. Декоративні ефекти
Типи зображень
Фон
Градієнти
Тінь
Псевдоелементи
В результаті:
Зрозумієте, які бувають типи зображень і як додавати декоративні ефекти на сайт.
Також, на занятті попрацюємо із псевдоелементами для додавання декоративних елементів.
Модуль 11. Графіка
Растрова графіка
Векторна графіка. SVG
Додавання SVG на сторінку
SVG-спрайт
В результаті:
Опануєте навички роботи із растровою і векторною графікою на сайті.
На занятті розберемо, як додавати SVG іконки і правильно їх використовувати.
Модуль 12. Позиціонування
Типи позиціонування
Властивість overflow
Накладання елементів
В результаті:
Дізнаєтесь, як позиціонувати елементи на сторінці.
Також поговоримо про порядок накладання елементів один на одний і керування відображенням вмісту елемента.
Модуль 13. Анімація
Трансформація
Переходи
Анімація
В результаті:
Додасте першу плавну анімацію на сайт.
На занятті набудемо навичок роботи із обертанням, масштабуванням і викривленням елементів, також додамо плавні переходи зміни кольору.
Модуль 14. Створення веб-форм
Основи роботи
Елементи форм
Групування полів
В результаті:
Створите першу форму на сайті.
На занятті дізнаємось, як працюють форми, і виконаємо розмітку полів введення.
Модуль 15. Валідація веб-форм
Види валідації
Перевірка введених значень
Псевдокласи стану
В результаті:
Додасте перевірку введених значень у полях форми.
Навчитесь робити поля обов'язковими і додасте валідацію за різними критеріями.
Модуль 16. Препроцесори
Препроцесор SASS, SCSS
Вкладені правила
Директиви
Вендорні префікси
В результаті:
Опануєте навички роботи із препроцесором.
На занятті розіб'ємо файл стилів на окремі файли для зручної навігації по проєкту.
Модуль 17. CSS Методології
Навіщо потрібні методології
Методологія БЕМ
Блок, елемент, модифікатор
В результаті:
Дізнаєтесь, як додають імена класів при командній роботі, і зміните назви класів відповідно методології БЕМ.
Модуль 18. Адаптивність і адаптивна графіка
Типи і види верстки
CSS media запити
Стратегії Mobile і Desktop first
Адаптив і ретинізація фонових та контентних зображень
В результаті:
Зробите сторінку красивою для мобільних пристроїв і планшетів.
Також виконаємо розмітку мобільного меню на сайті.
Модуль 19. Екзамен HTML/CSS
В результаті:
Екзамен по пройденому матеріалу.
JavaScript
Модуль 20. Введення
JavaScript — що це таке
Підключення скрипта
DevTools
Визначення об'єктів, властивостей та методів
Типи данних
В результаті:
Ближче познайомитесь з командою та спікерами, дізнаєтесь історію виникнення професії, її цілі, завдання та принципи.
Складемо портрет розробника та поговоримо про варіанти кар'єрного розвитку.
Модуль 21. Оператори
Оператори
Вивід данних/ Ввід данних
Вирішення логічних задач та побудова алгоритмів
Умови if/els
switch/case
В результаті:
Дізнаєтесь, що таке оператори, вивід/ввід данних, вирішення логічних задач, умови if/els та switch/case.
Модуль 22. Масиви і цикли
Масиви
Цикли
Методи присвоєння
Методи масиву
Області видимості
В результаті:
Дізнаєтесь, що таке масиви, цикли, методи присвоєння, методи масиву, області видимості.
Модуль 23. Функції
Функції
Стрілочні функції
Лексичне оточення
Контексти і виклики
В результаті:
Дізнаєтесь, що таке функції, стрілочні функції, лексичне оточення, контексти і виклики.
Модуль 24. Замикання, this
Замикання
this
Контексти і виклики
call, apply, bind
В результаті:
Дізнаєтесь, що таке замикання, this, call, apply, bind, закріпите практикою.
Модуль 25. Об'єкти та класи
ООП
Об'єкти
Інкапсуляція, абстракція, наслідування, поліморфізм
Практика
В результаті:
Дізнаєтесь, що таке ООП, класи, об'єкти, інкапсуляція, абстракція, наслідування, поліморфізм.
Модуль 26. ES6
Конструктори
Внутрішні методи
Прототипи
ES6
В результаті:
Дізнаєтесь, що таке конструктори, внутрішні методи, прототипи, ES6, ES9, якість коду.
Модуль 27. DOM
DOM
Навігація по DOM
Властивості
Робота з DOM-вузлами
В результаті:
Дізнаєтесь, що таке DOM, навігація по DOM, властивості, робота з DOM-вузлами.
Модуль 28. Події
Події
Форми
Event propagation
Drag'n'Drop
В результаті:
Дізнаєтесь, що таке події, форми, event propagation, Drag'n'Drop.
Модуль 29. Local Storage & node.js
Local Storage
Node.js
Установка і використання
Додавання - видалення бібліотек
В результаті:
Дізнаєтесь, що таке Local Storage, Node.js, додавання - видалення бібліотек, закріпите практикою.
Модуль 30. Асинхронний Js & дата
Асинхронний Js
Синхронність, асинхронність, багатопотоковість
setTimeout и setInterval
Дата
Promise
В результаті:
Дізнаєтесь, що таке складання проектів: WebPack, робота з бібліотеками, закріпите практикою.
Модуль 31. Протоколи передачі данных
TCP/IP
HTTP
HTTPS
Коди відповіді
Помилки і обробка
В результаті:
Дізнаєтесь, що таке асинхронний Js, синхронність, асинхронність, багатопотоковість, setTimeout и setInterval, Дата, Promise.
Модуль 32. REST API
REST API
Ajax
Fetch
Практика
В результаті:
Дізнаєтесь, що таке TCP/IP, HTTP, HTTPS, коди відповіді, помилки і обробка.
Модуль 33. WebPack, Gulp
Складання проектів: WebPack, Gulp
В результаті:
Дізнаєтесь, що таке REST API, Ajax, Fetch, закріпите практикою.
Модуль 34. React
Основи популярної бібліотеки
Створення зборки
використання React на прикладах
В результаті:
Дізнаєтесь основи популярної бібліотеки, створення зборки, використання React на прикладах.
Модуль 35. Екзамен з JavaScript
В результаті:
Екзамен по пройденому матеріалу.
React
Модуль 36. Знайомство з React
На цьому занятті ми з вами дізнаємось що взагалі таке реакт, як його налаштувати, розберемо що таке JavaScript XML (JSX), стоворемо свої перші компоненти і дізнаємось різницю між классовими та функціональними компонентами в React.
Що таке React
Налаштування і інструменти
Що таке JSX
Компоненти
Компоненти-класси vs Функціональні компоненти
Модуль 37. State, Події
На цьому занятті ми з вами дізнаємось як і за допомогою якокї концепції виконується рендер компонентів в React, розберемо що таке state, як з ним працювати і на що він впливає у React додадку, розберемо події (events) і чим вони відрізняються від подій JavaScript.
Ререндер компонентів
Що таке стейт
Що таке JSX
Робота зі стейтом, зміна та оновлення стейту
Події і SyntheticEvent Object
Модуль 38. Props, види рендеру
На цьому занятті ми з вами дізнаємось як виконується рендер за умовами у React, як працює рендер колекцій та для чого потрібен проп key. Що взагалі таке пропс і як з ними працювати та передавати між компонентами.
Рендер за умовою
Рендер колекцій, Що такe key
Що таке Props
Передача пропсів між компонентами
Модуль 39. Життеві цикли компоннтів
На цьому занятті ми будемо працювати в основному з классовими компонентами. Пройдемося по методам життєвого циклу компонента, закріпимо це все на практиці. Дізнаємося як можна обробляти помилки рендеренгу компонента.
монтування, оновлення та розмонтування
Методи классового компоненту
componentDidMount
componentDidUpdate
componentWillUnmount
Модуль 40. Хуки частина 1
useEffect
useLayoutEffect
useState
useReduсer
useRef
Модуль 41. Хуки частина 2, кастомні хуки React memo
хуки для оптимізації, useMemo, useCallback
React memo
Що таке кастомні хуки, як їх використовувати
Модуль 42. Стилізація
Inline Styles (інлайнові стилі)
Звичайний CSS
СSS модулі
css in js
Модуль 43. Форми
Неконтрольовані елементи
Контрольовані елементи
Складні форми
Бібліотеки для роботи з формами
Модуль 44. HTTP запити
Робота з REST АPI, хороші практики
Обробка процесу завантаження
Обробка помилок, Error Boundary
Модуль 45. Реакт роутинг, частина 1
Що таке URL, структура
Бібліотека React Router
Базовий роутинг Routes and Route
Вкладені роути
Компонент Outlet
Компоненти Link, NavLink
Модуль 46. Реакт роутинг, частина 2
Робота з історією
Приватні роути
Програмна навігація «useNavigate» і «navigate»
Lazy Loading
ErrorElement для обробки помилок в додадку
Модуль 47. Стейт менеджмент, useContext. Бібліотека Redux частина 1
useContext
Вступ до стейт менеджменту, які найпопулярніші
Вступ до бібліотеки Redux, Redux Toolkit
Базове налаштування бібліотеки Redux
Модуль 48. Бібліотека Redux частина 2
Робота з Redux Toolkit
configureStore
createAction
createReducer
createSlice
React Native
Модуль 49. Знайомство з React Native
Що таке React Native
Особливості роботи
Expo
Відмінність React від React Native
Документація
Модуль 50. Теги і робота з данними
Огляд базових компонентів
Введення даних
Обробка данних
AsyncStorage
Модуль 51. Стилі
Робота зі стилями
Модуль 52. Навігація
Створення екранів
Переключення екранів
Передача данних між сторінками
Модуль 53. Додаткові включення
Робота з картами
Робота з календарем
Доступ до данних
Модуль 54. Api
Підключення бібліотеки
Надсилання запитів
Обробка результатів
Модуль 55. Зовнішні посилання і qr
Створення сторінки з зовнішніми посиланнями
Обробка qr code
Модуль 56. Завершення
Рефактор коду
Збірка білда для андроід
Node.js
Модуль 57. Основи Node js. Цикл подій. Створення консольного застосунку
Що таке nodejs. Робота з бібліотеками. Написання консольного застосунку, його запуск. Робота з дебагером у VSCode.
Модуль 58. Основи Express. СRUD. Postman
Встановлення. Що таке CRUD. Написання найпростішого серверу. Робота з Postman.
Модуль 59. Бази даних. Реляційна база даних SQLite
Види баз даних. Реляційні бази. Встановлення SQLite. Робота з SQLite. Мова SQL. Додавання у сервер роботи з базою даних.
Модуль 60. Нереляційні бази даних. MongoDB. Схеми й методи Mongoose
Відмінності реляційних і нереляційних баз данних. Встановлення MongoDB. Додавання у сервер роботи з базою даних.
Модуль 61. Аутентифікація
Безпека застосунку. Захист даних користувача. Додавання таблиці користувачів. Допуск до виклику ендпоінтів гостей, звичайних юзерів та адміністраторів.
Модуль 62. Робота з файлами. Буфери. Завантаження файлів у базу даних
Стандартна бібліотека роботи з файлами. Читання, створення, редагування та зберігання файлів. Обробка помилок. Завантаження файлів у базу даних.
Модуль 63. Робота з обʼєктами у nodejs
Робота з обʼєктами. Обмеження. Властивості обʼєкту. Методи роботи з обʼєктами. Цикл for…in.
Модуль 64. Створення модулів. Тестування. Mocha. Chai
Створення власних локальних модулів. Import та required. Тестування коду. Приклад тестування коду за допомогою Mocha та Chai. Дебагер у тестах.
Модуль 65. Фінальний проєкт. Розробка серверу. Деплой на Heroku. Допоміжні інструменти розробника: основи git, linter
Завершення розробки серверу. Оформлення проєкту у репозиторії. Написання документації до проєкту.
Модуль 66. Пошта. Docker
Модуль 67. Вебсокети
Python
Модуль 68. Введення до Python. Встановлення середовища
Ознайомлення з мовою Python: історія, застосування
Встановлення Python та налаштування середовища розробки
Запуск першої програми на Python
В результаті:
Ознайомимось з історією та застосуванням мови Python. Налаштуємо середовище розробки, встановимо його та запустимо першу програму.
Модуль 69. Основи синтаксису Python: змінні, оператори, типи даних
Змінні та їх типи: числа, рядки, списки, словники
Оператори: арифметичні, порівняння, логічні
Вбудовані функції для роботи з типами даних
В результаті:
Розберемо змінні та їх типи, арифметичні, порівняльні та логічні оператори та дослідимо вбудовані функції.
Модуль 70. Управляючі конструкції: умовні оператори та цикли
Умовні оператори: if, else, elif
Оператори порівняння та логічні вирази
Цикли: while і for. Ітерування по послідовностям
В результаті:
Розберемо if, else, elif, а також логічні вирази та оператори порівняння. Дослідимо цикли while i for.
Модуль 71. Структури даних: списки, кортежі, словники
Списки: створення, індексація, зрізи, методи
Кортежі: особливості та використання
Словники: ключі, значення, методи роботи
В результаті:
Навчимося структури даних, створення, індексації, зрізи та методи списків, особливості та використання кортежів, ключі, значення та методи роботи словників.
Модуль 72. Функції та модулі
Визначення та виклик функцій
Параметри функцій: позиційні, іменовані
Робота з модулями: імпорт, створення власних модулів
В результаті:
Розглянемо виклик та визначення функцій, позиційні та іменовані параметри функцій та навчимося роботі з модулями.
Модуль 73. Введення в ООП. Класи та об'єкти
Основні поняття ООП: класи, об'єкти, атрибути, методи
Створення класів та екземплярів класів
Ініціалізація об'єктів через конструктор
В результаті:
Вивчемо основні поняття ООП, створення класів та їх екземплярів та розглянемо ініціалізацію об'єктів через конструктор.
Модуль 74. Наслідування та поліморфізм
Принцип успадкування та його застосування
Розширення класів, перевизначення методів
Поліморфізм: загальний інтерфейс для різних класів
В результаті:
Розглянемо перевизначення методів та розширення класів, розберемо принцип успадкування, загальний інтерфейс для різних класів.
Модуль 75. Інкапсуляція та абстракція
Інкапсуляція: обмеження доступу до атрибутів та методів
Абстракція: визначення загального інтерфейсу класу
Абстрактні класи та методи
В результаті:
Розберемо обмеження доступу до атрибутів та їх методів, визначемо загальний інтерфейс класу та абстрактні класи та методи.
Модуль 76. Принципи SOLID в ООП
Принцип єдиного обов'язку (Single Responsibility Principle)
Принцип відкритості/закритості (Open/Closed Principle)
Принцип підстановки Барбари Лісков (Liskov Substitution Principle)
Принцип розділення інтерфейсу (Interface Segregation Principle)
Принцип інверсії залежностей (Dependency Inversion Principle)
В результаті:
Розглянемо всі п'ять принципів SOLID.
Модуль 77. Основи веб-розробки та архітектура клієнт-сервер
Основні поняття веб-розробки: клієнт, сервер, HTTP-протокол
Принципи роботи клієнт-серверної архітектури
В результаті:
Розглянемо клієнт, сервер, HTTP-протокол та принципи роботи клієнт-серверної архітектури.
Модуль 78. Введення до FastAPI. Встановлення та перша програма
Знайомство з фреймворком FastAPI: особливості, переваги
Встановлення FastAPI та створення простої веб-програми
Маршрутизація запитів та обробка маршрутів
В результаті:
Ознайомимось з FastAPI, створимо просту веб-програму, навчимось маршрутизації запитів.
Модуль 79. Введення до баз даних та ORM (Object-Relational Mapping)
Основи роботи з реляційними базами даних
Поняття ORM та переваги його використання
Інтеграція ORM SQLAlchemy з FastAPI
В результаті:
Вивчимо основи роботи з реляційними базами даних, поняття ORM, інтеграцію SQLAlchemy з FastAPI.
Модуль 80. Визначення моделей даних та створення таблиць
Визначення класів моделей даних з використанням SQLAlchemy
Створення таблиць в базі даних на основі моделей
В результаті:
Розглянемо визначення класів моделей з SQLAlchemy, навчимось створювати таблиці на основі моделей.
Модуль 81. CRUD-операції та робота з даними
Створення, читання, оновлення та видалення даних з використанням SQLAlchemy
Основи роботи з сесіями та транзакціями
В результаті:
Навчимось CRUD-операціям з SQLAlchemy, розберемо основи роботи з сесіями та транзакціями.
Модуль 82. Введення до аутентифікації та авторизації
Розрізнення між аутентифікацією та авторизацією
Токени аутентифікації та їх роль у веб-програмах
В результаті:
Визначемо розрізнення між аутентифікацією та авторизацією, розглянемо токени аутентифікації.
Модуль 83. Реалізація аутентифікації з використанням JWT (JSON Web Tokens)
Генерація та перевірка JWT-токенів
Інтеграція аутентифікації з FastAPI
В результаті:
Розберемо генерацію та перевірку JWT-токенів, дослідимо аутентифікацію з FastAPI.
Модуль 84. Реалізація авторизації та управління доступом
Розділення прав доступу користувачів
Реалізація ролей та дозволів
В результаті:
Розберемо розділення прав доступу користувачів та розглянемо реалізацію ролей та дозволів.
Модуль 85. Валідація даних та обробка запитів
Валідація даних, що надходять від клієнтів
Використання пайплайнів для обробки даних запитів
Модуль 86. Робота з файлами та завантаження даних
Завантаження та зберігання файлів на сервері
Робота з зображеннями та іншими медіафайлами
В результаті:
Розберемо завантаження та зберігання файлів на сервері, навчимось роботі з медіафайлами.
Модуль 87. Docker для розгортання веб-програми
Основи Docker: контейнеризація, образи, контейнери
Створення Docker-контейнера для FastAPI-програми
В результаті:
Розберемо основи Docker, навчимось створенню Docker-контейнерів для FastAPI-програми.
Модуль 88. Оптимізація продуктивності
Виявлення та усунення вузьких місць у програмі
Кешування даних та оптимізація запитів до бази даних
Модуль 89. Введення в тестування веб-програм
Типи тестування: модульне, інтеграційне, функціональне
Написання та запуск тестів з використанням бібліотеки Pytest
В результаті:
Розглянемо типи тестування, а також написання та запуск тестів з використанням Pytest.
Модуль 90. Створення API документації за допомогою Swagger
Автоматична генерація документації на основі коду
Інтеграція Swagger UI з FastAPI
Модуль 91. Розробка фінального проекту
Студенти розроблять свій власний веб-проект на основі вивченого матеріалу
В результаті:
Підготуємось до фінального проекту на віддаленому сервері.
Модуль 92. Розгортання фінального проекту
Підготовка та розгортання фінального проекту на віддаленому сервері з використанням Docker
Soft Skills
Модуль 93. Що таке soft skills?
Які бувають?
Де застосовувати?
Як виміряти свій рівень володіння soft skills
Як покращувати свої скіли
Модуль 94. Soft skills для IT спеціаліста
Для чого IT спеціалісту розвивати soft skills?
Комунікація: як прокачати і де знадобиться?
Креативність і гнучкість: як прокачати і де знадобиться?
Самодисципліна: як прокачати і де знадобиться?
Критичне мислення: як прокачати і де знадобиться
Уважність: як прокачати і де знадобиться
Проактивність: як прокачати і де знадобиться
Адаптивність: як прокачати і де знадобиться
Інші навички
Модуль 95. Цілі і їх досягнення
Колесо балансу
Як зрозуміти чого хочу саме я?
Як правильно поставити свої цілі (смарт)
Як декомпозувати цілі
Як досягати своїх цілей?
Модуль 96. Емоційний інтелект/Емпатія
Що таке емоційний інтелект?
Ща таке емпатія і чим відрізняється?
Як це застосовувати з вигодою для себе?
Особисті кордони при високому рівні емпатії
Модуль 97. Основи комунікації
Що таке екологічна комунікація?
Види комунікації
Бар'єри в комунікації
Ціль в комунікації, як її побачити і застосувати на практиці?
Правила успішної комунікації
Модуль 98. Конфліктологія
Що таке конфлікт? Чому це добре?
Який ідеальний результат конфлікту?
Види та способи розв'язання конфліктів
Як зберігати спокій під час конфліктів?
Модуль 99. Ораторське мистецтво
Навіщо нам рот?
Як говорити так, щоб тебе почули?
Як правильно, ефективно та швидко доносити свої думки?
Страх говорити
Модуль 100. Ефективне навчання
Що таке ефективне навчання?
Як правильно навчатись?
Принципи швидкого і якісного навчання
Як не забути все, що вивчив?
Модуль 101. Основи фінансової грамотності
Скільки грошей мені треба для щастя?
Скільки грошей мені треба насправді?
Як вести власни бюджет і знати куди і звідки приходять гроші?
Лайфхак: де взяти гроші, коли їх нема?
Модуль 102. Планування і таймменеджмент
Як правильно визначити пріорітетність задач?
Принципи планування і тайм менеджменту
Багатзадачність: добре чи погано? Як встигнути все?
Трекінгові системи
Проводит обучение:
Богдан Лущенко
Fullstack-разработчик, в разработке более 5 лет
Работает в одной из крупнейших украинских компаний (Playtech)
Основатель Simplify.Core — компании по разработке программного обеспечения
Разрабатывал почти с нуля KLEVER AI — нидерландский проект, сотрудничающий с министерством обороны Нидерландов
Кристина Малитовская
Frontend/Mobile Developer
React / React Native Developer at CanDo
Front End/Mobile Developer
Принимала участие в разработке более 30 мобильных приложений
Java Script Developer преподаватель
Блогер, web-фрилансер
Дмитрий Рябовол
Markup developer at Studytube, 5+ лет опыта работы
Markup developer at Studytube
Разработчик UI интерфейсов
5+ лет опыта на украинских и зарубежных проектах
HTML/CSS преподаватель
Блогер, web-фрилансер
Дарья Звягина
Head of Product and Service
Head of Product and Service с командой 30+ человек (штат + аутсорс)
Методолог образовательных онлайн-программ с опытом более 4 лет
Адаптировала к работе более 50 человек, как на линейные позиции, так и руководящие
Цену установит организатор
СКАЧАТЬ
Fullstack розробник з нуля [Богдан Лущенко, Крістіна Малітовська, Дмитро Рябовол]
Язык украинский
Станьте разработчиком самой востребованной IT-профессии, освойте HTML/CSS, JavaScript, React, React Native, Node.js, Python, получите комплекс Hard и Soft скиллов, освойте frontend & backend, и начните зарабатывать уже через 7 месяцев в $ на работе мечты.
Этот курс точно для вас, если вы:
Мечтаете стать IT-специалистом — но не имеете технического образования и не знаете, с какого направления начать путь
Студент — который ищет себя и дело, в котором сможет реализовать свой потенциал и получать прибыль
Мама в декрете — которая ищет дополнительный заработок, который сможет совмещать с семьёй
Хотите стать Fullstack-разработчиком — но не понимаете, как начать свой путь, чтобы быстрее получить результат
Офисный сотрудник — который устал от рутинной работы, хочет свободы, развития и финансового роста
Желаете освоить новую профессию — и зарабатывать от $1500, путешествовать и работать из любой точки мира
Преимущества быть fullstack-разработчиком?
Это профессия, которая сейчас быстро осваивается и имеет большой растущий спрос на специалистов во всём мире
Перспектива развития в любом IT-направлении
Большой растущий спрос на специалистов во всём мире
Высокая ЗП (около 1 000 $ на старте и до 3 000 $ - 6 000 $ через 1-2 года)
Работа в крупных IT-компаниях, свободный график, соц. пакеты и другие бонусы
FullStack-разработчик в первую очередь концентрируется на задачах «Что нужно сделать», а не «Каким способом сделать». Последний вопрос он часто также решает самостоятельно, ведь владеет необходимыми технологиями. Full Stack Developer работает как с клиентским (client-side), так и с серверным ПО (server-side). Ему не нужно синхронизировать работу специалистов Back-end и Front-end, ведь он сам — «человек-оркестр».
Процесс работы FullStack-разработчика:
Управляет проектом и координирует его с клиентом
Отслеживает и корректирует производительность веб-приложений и инфраструктуры
Разработка сайтов, приложений, мобильных приложений, игр и т.д.
Программа:
HTML/CSS:
Модуль 1. Разработка интерфейсов с нуля
Модуль 2. Начало работы
Модуль 3. Введение в HTML
Модуль 4. Продолжение HTML
Модуль 5. Введение в CSS
Модуль 6. Шрифты
Модуль 7. Блочная модель
Модуль 8. Flexbox
Модуль 9. Раскладка CSS Grid
Модуль 10. Декоративные эффекты
Модуль 11. Графика
Модуль 12. Позиционирование
Модуль 13. Анимация
Модуль 14. Создание веб-форм
Модуль 15. Валидация веб-форм
Модуль 16. Препроцессоры
Модуль 17. CSS Методологии
Модуль 18. Адаптивность и адаптивная графика
Модуль 19. Экзамен HTML/CSS
JavaScript:
Модуль 20. Введение
Модуль 21. Операторы
Модуль 22. Массивы и циклы
Модуль 23. Функции
Модуль 24. Замыкания, this
Модуль 25. Объекты и классы
Модуль 26. ES6
Модуль 27. DOM
Модуль 28. События
Модуль 29. Local Storage & node.js
Модуль 30. Асинхронный Js & дата
Модуль 31. Протоколы передачи данных
Модуль 32. REST API
Модуль 33. WebPack, Gulp
Модуль 34. React
Модуль 35. Экзамен по JavaScript
React:
Модуль 36. Знакомство с React
Модуль 37. State, События
Модуль 38. Props, виды рендера
Модуль 39. Жизненные циклы компонентов
Модуль 40. Хуки, часть 1
Модуль 41. Хуки, часть 2, кастомные хуки, React memo
Модуль 42. Стилизация
Модуль 43. Формы
Модуль 44. HTTP запросы
Модуль 45. React роутинг, часть 1
Модуль 46. React роутинг, часть 2
Модуль 47. Стейт менеджмент, useContext. Библиотека Redux, часть 1
Модуль 48. Библиотека Redux, часть 2
React Native:
Модуль 49. Знакомство с React Native
Модуль 50. Теги и работа с данными
Модуль 51. Стили
Модуль 52. Навигация
Модуль 53. Дополнительные подключения
Модуль 54. Api
Модуль 55. Внешние ссылки и qr
Модуль 56. Завершение
Node.js:
Модуль 57. Основы Node js. Цикл событий. Создание консольного приложения
Модуль 58. Основы Express. CRUD. Postman
Модуль 59. Базы данных. Реляционная база данных SQLite
Модуль 60. Нереляционные базы данных. MongoDB. Схемы и методы Mongoose
Модуль 61. Аутентификация
Модуль 62. Работа с файлами. Буферы. Загрузка файлов в базу данных
Модуль 63. Работа с объектами в nodejs
Модуль 64. Создание модулей. Тестирование. Mocha. Chai
Модуль 65. Финальный проект. Разработка сервера. Деплой на Heroku. Вспомогательные инструменты разработчика: основы git, linter
Модуль 66. Почта. Docker
Модуль 67. Вебсокеты
Python:
Модуль 68. Введение в Python. Установка среды
Модуль 69. Основы синтаксиса Python: переменные, операторы, типы данных
Модуль 70. Управляющие конструкции: условные операторы и циклы
Модуль 71. Структуры данных: списки, кортежи, словари
Модуль 72. Функции и модули
Модуль 73. Введение в ООП. Классы и объекты
Модуль 74. Наследование и полиморфизм
Модуль 75. Инкапсуляция и абстракция
Модуль 76. Принципы SOLID в ООП
Модуль 77. Основы веб-разработки и архитектура клиент-сервер
Модуль 78. Введение в FastAPI. Установка и первая программа
Модуль 79. Введение в базы данных и ORM
Модуль 80. Определение моделей данных и создание таблиц
Модуль 81. CRUD-операции и работа с данными
Модуль 82. Введение в аутентификацию и авторизацию
Модуль 83. Реализация аутентификации с использованием JWT
Модуль 84. Реализация авторизации и управление доступом
Модуль 85. Валидация данных и обработка запросов
Модуль 86. Работа с файлами и загрузка данных
Модуль 87. Docker для развёртывания веб-приложения
Модуль 88. Оптимизация производительности
Модуль 89. Введение в тестирование веб-приложений
Модуль 90. Создание API документации с помощью Swagger
Модуль 91. Разработка финального проекта
Модуль 92. Развёртывание финального проекта
Soft Skills:
Модуль 93. Что такое soft skills?
Модуль 94. Soft skills для IT специалиста
Модуль 95. Цели и их достижение
Модуль 96. Эмоциональный интеллект/Эмпатия
Модуль 97. Основы коммуникации
Модуль 98. Конфликтология
Модуль 99. Ораторское искусство
Модуль 100. Эффективное обучение
Модуль 101. Основы финансовой грамотности
Модуль 102. Планирование и тайм-менеджмент
Спойлер: Подробно
HTML/CSS
Модуль 1. Разработка интерфейсов с нуля
Что нужно знать
Для чего нужна эта профессия
Что такое веб
Пути развития
Результат:
Освоите базовые навыки о работе веб-сайта и узнаете, как загружается веб-страница.
На занятии разберём, чем занимается HTML/CSS специалист и какие направления развития доступны после прохождения курса.
Модуль 2. Начало работы
Настройка среды
Программы для работы
Загрузка первого сайта
Результат:
Загрузите программы для начала работы и настроите комфортную среду разработки для дальнейшего обучения.
На занятии разберём, как загрузить первую страницу в интернет и как сдавать домашнее задание.
Модуль 3. Введение в HTML
Теги и атрибуты
Семантика
Работа с текстом
Изображения
Интерактивные элементы
Списки
Результат:
Узнаете об основах HTML, как работают теги и атрибуты.
На занятии выполним первую разметку сайта для современной пекарни «SHOP bakery», разберём, как работать с изображениями и интерактивными элементами.
Модуль 4. Продолжение HTML
Инструменты разработчика
Таблицы
Символьные подстановки
Медиаконтент, фрейм
Оформление и валидация кода
Результат:
Продолжите изучать HTML и работать с инструментами разработчика в браузере.
На занятии выполним разметку таблицы, добавим на сайт карту с Google Maps и видео с YouTube.
Модуль 5. Введение в CSS
Подключение стилей
Синтаксис, селекторы
Каскадность и специфичность
CSS переменные
Результат:
Узнаете, как подключать стили к HTML-странице, и впервые измените внешний вид сайта.
На занятии разберём, как правильно писать стили, поговорим о каскадности, специфичности и наследовании стилей. Также добавим первые CSS-переменные.
Модуль 6. Шрифты
Подключение шрифтов
Локальные шрифты
Оформление текста
Результат:
Узнаете, как работают шрифты в браузере.
На занятии подключим шрифты из сервиса Google Fonts, а также загрузим шрифты локально в проект. Также добавим базовые стили шрифта к текстовым элементам.
Модуль 7. Блочная модель
Геометрия элемента
Типы элемента
Структурные псевдоклассы
Результат:
Поймёте, что такое блочная модель элемента и как браузер отображает блочные и строчные элементы.
На занятии добавим внешние и внутренние отступы к секциям, кнопкам, ссылкам, заголовкам и т.д.
Модуль 8. Flexbox
Основные концепции
Flex-контейнер и flex-элемент
Практическое применение
Результат:
Научитесь гибко размещать элементы с помощью раскладки флексов.
На занятии сделаем первую флекс-разметку и разместим элементы в соответствии с макетом.
Модуль 9. Раскладка CSS Grid
Основные концепции
Grid-контейнер
Grid-элемент
Практическое применение
Результат:
Научимся работать с декором в CSS, а также рассмотрим, какие есть типы изображений. Разберём, как добавлять различные декоративные эффекты и элементы.
Основные темы: типы изображений, фон и градиент, тень элемента, псевдоэлементы.
Модуль 10. Декоративные эффекты
Типы изображений
Фон
Градиенты
Тень
Псевдоэлементы
Результат:
Поймёте, какие бывают типы изображений и как добавлять декоративные эффекты на сайт.
Также на занятии поработаем с псевдоэлементами для добавления декоративных элементов.
Модуль 11. Графика
Растровая графика
Векторная графика. SVG
Добавление SVG на страницу
SVG-спрайт
Результат:
Освоите навыки работы с растровой и векторной графикой на сайте.
На занятии разберём, как добавлять SVG иконки и правильно их использовать.
Модуль 12. Позиционирование
Типы позиционирования
Свойство overflow
Наложение элементов
Результат:
Узнаете, как позиционировать элементы на странице.
Также поговорим о порядке наложения элементов друг на друга и управлении отображением содержимого элемента.
Модуль 13. Анимация
Трансформация
Переходы
Анимация
Результат:
Добавите первую плавную анимацию на сайт.
На занятии приобретём навыки работы с вращением, масштабированием и искривлением элементов, а также добавим плавные переходы смены цвета.
Модуль 14. Создание веб-форм
Основы работы
Элементы форм
Группировка полей
Результат:
Создадите первую форму на сайте.
На занятии узнаем, как работают формы, и выполним разметку полей ввода.
Модуль 15. Валидация веб-форм
Виды валидации
Проверка введённых значений
Псевдоклассы состояния
Результат:
Добавите проверку введённых значений в полях формы.
Научитесь делать поля обязательными и добавите валидацию по разным критериям.
Модуль 16. Препроцессоры
Препроцессор SASS, SCSS
Вложенные правила
Директивы
Вендорные префиксы
Результат:
Освоите навыки работы с препроцессором.
На занятии разобьём файл стилей на отдельные файлы для удобной навигации по проекту.
Модуль 17. CSS Методологии
Зачем нужны методологии
Методология БЭМ
Блок, элемент, модификатор
Результат:
Узнаете, как добавляют имена классов при командной работе, и измените названия классов по методологии БЭМ.
Модуль 18. Адаптивность и адаптивная графика
Типы и виды вёрстки
CSS media запросы
Стратегии Mobile и Desktop first
Адаптив и ретинизация фоновых и контентных изображений
Результат:
Сделаете страницу красивой для мобильных устройств и планшетов.
Также выполним разметку мобильного меню на сайте.
Модуль 19. Экзамен HTML/CSS
Результат:
Экзамен по пройденному материалу.
JavaScript
Модуль 20. Введение
JavaScript — что это такое
Подключение скрипта
DevTools
Определение объектов, свойств и методов
Типы данных
Результат:
Ближе познакомитесь с командой и спикерами, узнаете историю возникновения профессии, её цели, задачи и принципы.
Составим портрет разработчика и поговорим о вариантах карьерного развития.
Модуль 21. Операторы
Операторы
Вывод данных / ввод данных
Решение логических задач и построение алгоритмов
Условия if/else
switch/case
Результат:
Узнаете, что такое операторы, вывод/ввод данных, решение логических задач, условия if/else и switch/case.
Модуль 22. Массивы и циклы
Массивы
Циклы
Методы присваивания
Методы массива
Области видимости
Результат:
Узнаете, что такое массивы, циклы, методы присваивания, методы массива и области видимости.
Модуль 23. Функции
Функции
Стрелочные функции
Лексическое окружение
Контексты и вызовы
Результат:
Узнаете, что такое функции, стрелочные функции, лексическое окружение, контексты и вызовы.
Модуль 24. Замыкания, this
Замыкания
this
Контексты и вызовы
call, apply, bind
Результат:
Узнаете, что такое замыкания, this, call, apply, bind, закрепите практикой.
Модуль 25. Объекты и классы
ООП
Объекты
Инкапсуляция, абстракция, наследование, полиморфизм
Практика
Результат:
Узнаете, что такое ООП, классы, объекты, инкапсуляция, абстракция, наследование, полиморфизм.
Модуль 26. ES6
Конструкторы
Внутренние методы
Прототипы
ES6
Результат:
Узнаете, что такое конструкторы, внутренние методы, прототипы, ES6, ES9, качество кода.
Модуль 27. DOM
DOM
Навигация по DOM
Свойства
Работа с DOM-узлами
Результат:
Узнаете, что такое DOM, навигация по DOM, свойства, работа с DOM-узлами.
Модуль 28. События
События
Формы
Event propagation
Drag'n'Drop
Результат:
Узнаете, что такое события, формы, event propagation, Drag'n'Drop.
Модуль 29. Local Storage & node.js
Local Storage
Node.js
Установка и использование
Добавление — удаление библиотек
Результат:
Узнаете, что такое Local Storage, Node.js, добавление — удаление библиотек, закрепите практикой.
Модуль 30. Асинхронный Js & дата
Асинхронный Js
Синхронность, асинхронность, многопоточность
setTimeout и setInterval
Дата
Promise
Результат:
Узнаете, что такое сборка проектов: WebPack, работа с библиотеками, закрепите практикой.
Модуль 31. Протоколы передачи данных
TCP/IP
HTTP
HTTPS
Коды ответа
Ошибки и обработка
Результат:
Узнаете, что такое асинхронный Js, синхронность, асинхронность, многопоточность, setTimeout и setInterval, Дата, Promise.
Модуль 32. REST API
REST API
Ajax
Fetch
Практика
Результат:
Узнаете, что такое TCP/IP, HTTP, HTTPS, коды ответа, ошибки и обработка.
Модуль 33. WebPack, Gulp
Сборка проектов: WebPack, Gulp
Результат:
Узнаете, что такое REST API, Ajax, Fetch, закрепите практикой.
Модуль 34. React
Основы популярной библиотеки
Создание сборки
Использование React на примерах
Результат:
Узнаете основы популярной библиотеки, создание сборки, использование React на примерах.
Модуль 35. Экзамен по JavaScript
Результат:
Экзамен по пройденному материалу.
React
Модуль 36. Знакомство с React
На этом занятии мы узнаем, что такое React, как его настроить, разберём, что такое JavaScript XML (JSX), создадим свои первые компоненты и узнаем разницу между классовыми и функциональными компонентами в React.
Что такое React
Настройка и инструменты
Что такое JSX
Компоненты
Компоненты-классы vs Функциональные компоненты
Модуль 37. State, События
На этом занятии мы узнаем, как выполняется рендер компонентов в React, разберём, что такое state, как с ним работать, разберём события (events) и чем они отличаются от событий JavaScript.
Ререндер компонентов
Что такое стейт
Что такое JSX
Работа со стейтом, изменение и обновление стейта
События и SyntheticEvent Object
Модуль 38. Props, виды рендера
На этом занятии мы узнаем, как выполняется рендер по условиям в React, как работает рендер коллекций и для чего нужен проп key, что такое пропс и как с ними работать.
Рендер по условию
Рендер коллекций, что такое key
Что такое Props
Передача пропсов между компонентами
Модуль 39. Жизненные циклы компонентов
На этом занятии мы будем работать в основном с классовыми компонентами. Пройдёмся по методам жизненного цикла компонента, закрепим на практике, узнаем, как обрабатывать ошибки рендеринга.
Монтирование, обновление и размонтирование
Методы классового компонента
componentDidMount
componentDidUpdate
componentWillUnmount
Модуль 40. Хуки, часть 1
useEffect
useLayoutEffect
useState
useReducer
useRef
Модуль 41. Хуки, часть 2, кастомные хуки, React memo
Хуки для оптимизации, useMemo, useCallback
React memo
Что такое кастомные хуки, как их использовать
Модуль 42. Стилизация
Inline Styles (инлайновые стили)
Обычный CSS
CSS модули
css in js
Модуль 43. Формы
Неконтролируемые элементы
Контролируемые элементы
Сложные формы
Библиотеки для работы с формами
Модуль 44. HTTP запросы
Работа с REST API, хорошие практики
Обработка процесса загрузки
Обработка ошибок, Error Boundary
Модуль 45. React роутинг, часть 1
Что такое URL, структура
Библиотека React Router
Базовый роутинг Routes and Route
Вложенные роуты
Компонент Outlet
Компоненты Link, NavLink
Модуль 46. React роутинг, часть 2
Работа с историей
Приватные роуты
Программная навигация «useNavigate» и «navigate»
Lazy Loading
ErrorElement для обработки ошибок в приложении
Модуль 47. Стейт менеджмент, useContext. Библиотека Redux, часть 1
useContext
Вступление в стейт менеджмент, самые популярные
Вступление в библиотеку Redux, Redux Toolkit
Базовая настройка библиотеки Redux
Модуль 48. Библиотека Redux, часть 2
Работа с Redux Toolkit
configureStore
createAction
createReducer
createSlice
React Native
Модуль 49. Знакомство с React Native
Что такое React Native
Особенности работы
Expo
Отличие React от React Native
Документация
Модуль 50. Теги и работа с данными
Обзор базовых компонентов
Ввод данных
Обработка данных
AsyncStorage
Модуль 51. Стили
Работа со стилями
Модуль 52. Навигация
Создание экранов
Переключение экранов
Передача данных между страницами
Модуль 53. Дополнительные подключения
Работа с картами
Работа с календарём
Доступ к данным
Модуль 54. Api
Подключение библиотеки
Отправка запросов
Обработка результатов
Модуль 55. Внешние ссылки и qr
Создание страницы с внешними ссылками
Обработка qr code
Модуль 56. Завершение
Рефактор кода
Сборка билда для android
Node.js
Модуль 57. Основы Node js. Цикл событий. Создание консольного приложения
Что такое nodejs. Работа с библиотеками. Написание консольного приложения, его запуск. Работа с дебагером в VSCode.
Модуль 58. Основы Express. CRUD. Postman
Установка. Что такое CRUD. Написание простейшего сервера. Работа с Postman.
Модуль 59. Базы данных. Реляционная база данных SQLite
Виды баз данных. Реляционные базы. Установка SQLite. Работа с SQLite. Язык SQL. Добавление в сервер работы с базой данных.
Модуль 60. Нереляционные базы данных. MongoDB. Схемы и методы Mongoose
Отличия реляционных и нереляционных баз данных. Установка MongoDB. Добавление в сервер работы с базой данных.
Модуль 61. Аутентификация
Безопасность приложения. Защита данных пользователя. Добавление таблицы пользователей. Допуск к вызову эндпоинтов гостей, обычных юзеров и администраторов.
Модуль 62. Работа с файлами. Буферы. Загрузка файлов в базу данных
Стандартная библиотека работы с файлами. Чтение, создание, редактирование и сохранение файлов. Обработка ошибок. Загрузка файлов в базу данных.
Модуль 63. Работа с объектами в nodejs
Работа с объектами. Ограничения. Свойства объекта. Методы работы с объектами. Цикл for…in.
Модуль 64. Создание модулей. Тестирование. Mocha. Chai
Создание собственных локальных модулей. Import и required. Тестирование кода. Пример тестирования с помощью Mocha и Chai. Дебагер в тестах.
Модуль 65. Финальный проект. Разработка сервера. Деплой на Heroku. Вспомогательные инструменты разработчика: основы git, linter
Завершение разработки сервера. Оформление проекта в репозитории. Написание документации к проекту.
Модуль 66. Почта. Docker
Модуль 67. Вебсокеты
Python
Модуль 68. Введение в Python. Установка среды
Ознакомление с языком Python: история, применение
Установка Python и настройка среды разработки
Запуск первой программы на Python
Результат:
Ознакомимся с историей и применением языка Python. Настроим среду разработки, установим её и запустим первую программу.
Модуль 69. Основы синтаксиса Python: переменные, операторы, типы данных
Переменные и их типы: числа, строки, списки, словари
Операторы: арифметические, сравнения, логические
Встроенные функции для работы с типами данных
Результат:
Разберём переменные и их типы, арифметические, сравнительные и логические операторы, исследуем встроенные функции.
Модуль 70. Управляющие конструкции: условные операторы и циклы
Условные операторы: if, else, elif
Операторы сравнения и логические выражения
Циклы: while и for. Итерирование по последовательностям
Результат:
Разберём if, else, elif, логические выражения и операторы сравнения, исследуем циклы while и for.
Модуль 71. Структуры данных: списки, кортежи, словари
Списки: создание, индексация, срезы, методы
Кортежи: особенности и использование
Словари: ключи, значения, методы работы
Результат:
Изучим создание, индексацию, срезы и методы списков, особенности кортежей, ключи, значения и методы словарей.
Модуль 72. Функции и модули
Определение и вызов функций
Параметры функций: позиционные, именованные
Работа с модулями: импорт, создание собственных модулей
Результат:
Рассмотрим вызов и определение функций, позиционные и именованные параметры, научимся работать с модулями.
Модуль 73. Введение в ООП. Классы и объекты
Основные понятия ООП: классы, объекты, атрибуты, методы
Создание классов и экземпляров классов
Инициализация объектов через конструктор
Результат:
Изучим основные понятия ООП, создание классов и их экземпляров, инициализацию объектов через конструктор.
Модуль 74. Наследование и полиморфизм
Принцип наследования и его применение
Расширение классов, переопределение методов
Полиморфизм: общий интерфейс для разных классов
Результат:
Рассмотрим переопределение методов и расширение классов, принцип наследования, общий интерфейс для разных классов.
Модуль 75. Инкапсуляция и абстракция
Инкапсуляция: ограничение доступа к атрибутам и методам
Абстракция: определение общего интерфейса класса
Абстрактные классы и методы
Результат:
Разберём ограничение доступа к атрибутам, определим общий интерфейс класса, абстрактные классы и методы.
Модуль 76. Принципы SOLID в ООП
Принцип единой ответственности (Single Responsibility Principle)
Принцип открытости/закрытости (Open/Closed Principle)
Принцип подстановки Барбары Лисков (Liskov Substitution Principle)
Принцип разделения интерфейса (Interface Segregation Principle)
Принцип инверсии зависимостей (Dependency Inversion Principle)
Результат:
Рассмотрим все пять принципов SOLID.
Модуль 77. Основы веб-разработки и архитектура клиент-сервер
Основные понятия веб-разработки: клиент, сервер, HTTP-протокол
Принципы работы клиент-серверной архитектуры
Результат:
Рассмотрим клиента, сервера, HTTP-протокол и принципы работы клиент-серверной архитектуры.
Модуль 78. Введение в FastAPI. Установка и первая программа
Знакомство с фреймворком FastAPI: особенности, преимущества
Установка FastAPI и создание простого веб-приложения
Маршрутизация запросов и обработка маршрутов
Результат:
Ознакомимся с FastAPI, создадим простое веб-приложение, научимся маршрутизации запросов.
Модуль 79. Введение в базы данных и ORM (Object-Relational Mapping)
Основы работы с реляционными базами данных
Понятие ORM и преимущества его использования
Интеграция ORM SQLAlchemy с FastAPI
Результат:
Изучим основы работы с реляционными базами данных, понятие ORM, интеграцию SQLAlchemy с FastAPI.
Модуль 80. Определение моделей данных и создание таблиц
Определение классов моделей данных с использованием SQLAlchemy
Создание таблиц в базе данных на основе моделей
Результат:
Рассмотрим определение классов моделей с SQLAlchemy, научимся создавать таблицы на основе моделей.
Модуль 81. CRUD-операции и работа с данными
Создание, чтение, обновление и удаление данных с использованием SQLAlchemy
Основы работы с сессиями и транзакциями
Результат:
Научимся CRUD-операциям с SQLAlchemy, разберём основы работы с сессиями и транзакциями.
Модуль 82. Введение в аутентификацию и авторизацию
Различие между аутентификацией и авторизацией
Токены аутентификации и их роль в веб-приложениях
Результат:
Определим различие между аутентификацией и авторизацией, рассмотрим токены аутентификации.
Модуль 83. Реализация аутентификации с использованием JWT (JSON Web Tokens)
Генерация и проверка JWT-токенов
Интеграция аутентификации с FastAPI
Результат:
Разберём генерацию и проверку JWT-токенов, исследуем аутентификацию с FastAPI.
Модуль 84. Реализация авторизации и управление доступом
Разделение прав доступа пользователей
Реализация ролей и разрешений
Результат:
Разберём разделение прав доступа пользователей, рассмотрим реализацию ролей и разрешений.
Модуль 85. Валидация данных и обработка запросов
Валидация данных, поступающих от клиентов
Использование пайплайнов для обработки данных запросов
Модуль 86. Работа с файлами и загрузка данных
Загрузка и хранение файлов на сервере
Работа с изображениями и другими медиафайлами
Результат:
Разберём загрузку и хранение файлов на сервере, научимся работе с медиафайлами.
Модуль 87. Docker для развёртывания веб-приложения
Основы Docker: контейнеризация, образы, контейнеры
Создание Docker-контейнера для FastAPI-приложения
Результат:
Разберём основы Docker, научимся создавать Docker-контейнеры для FastAPI-приложения.
Модуль 88. Оптимизация производительности
Выявление и устранение узких мест в приложении
Кэширование данных и оптимизация запросов к базе данных
Модуль 89. Введение в тестирование веб-приложений
Типы тестирования: модульное, интеграционное, функциональное
Написание и запуск тестов с использованием библиотеки Pytest
Результат:
Рассмотрим типы тестирования, а также написание и запуск тестов с Pytest.
Модуль 90. Создание API документации с помощью Swagger
Автоматическая генерация документации на основе кода
Интеграция Swagger UI с FastAPI
Модуль 91. Разработка финального проекта
Студенты разработают свой собственный веб-проект на основе изученного материала
Результат:
Подготовимся к финальному проекту на удалённом сервере.
Модуль 92. Развёртывание финального проекта
Подготовка и развёртывание финального проекта на удалённом сервере с использованием Docker
Soft Skills
Модуль 93. Что такое soft skills?
Какие бывают?
Где применять?
Как измерить свой уровень владения soft skills
Как улучшать свои скиллы
Модуль 94. Soft skills для IT специалиста
Для чего IT специалисту развивать soft skills?
Коммуникация: как прокачать и где пригодится?
Креативность и гибкость: как прокачать и где пригодится?
Самодисциплина: как прокачать и где пригодится?
Критическое мышление: как прокачать и где пригодится
Внимательность: как прокачать и где пригодится
Проактивность: как прокачать и где пригодится
Адаптивность: как прокачать и где пригодится
Другие навыки
Модуль 95. Цели и их достижение
Колесо баланса
Как понять, чего хочу именно я?
Как правильно поставить свои цели (смарт)
Как декомпозировать цели
Как достигать своих целей?
Модуль 96. Эмоциональный интеллект/Эмпатия
Что такое эмоциональный интеллект?
Что такое эмпатия и чем отличается?
Как это применять с выгодой для себя?
Личные границы при высоком уровне эмпатии
Модуль 97. Основы коммуникации
Что такое экологичная коммуникация?
Виды коммуникации
Барьеры в коммуникации
Цель в коммуникации, как её увидеть и применить на практике?
Правила успешной коммуникации
Модуль 98. Конфликтология
Что такое конфликт? Почему это хорошо?
Какой идеальный результат конфликта?
Виды и способы разрешения конфликтов
Как сохранять спокойствие во время конфликтов?
Модуль 99. Ораторское искусство
Зачем нам рот?
Как говорить так, чтобы тебя услышали?
Как правильно, эффективно и быстро доносить свои мысли?
Страх говорить
Модуль 100. Эффективное обучение
Что такое эффективное обучение?
Как правильно учиться?
Принципы быстрого и качественного обучения
Как не забыть всё, что выучил?
Модуль 101. Основы финансовой грамотности
Сколько денег мне нужно для счастья?
Сколько денег мне нужно на самом деле?
Как вести собственный бюджет и знать, куда и откуда приходят деньги?
Лайфхак: где взять деньги, когда их нет?
Модуль 102. Планирование и тайм-менеджмент
Как правильно определить приоритетность задач?
Принципы планирования и тайм-менеджмента
Многозадачность: хорошо или плохо? Как успеть всё?
Трекинговые системы
Спойлер: Оригинал
Станьте розробником найзатребуванішої IT професії, опануйте HTML/CSS, JavaScript, React, React Native, Node.js, Python, отримайте комплекс Hard та Soft скілів, опануйте frontend & backend, і почніть заробляти вже через 7 місяців в $ на роботі мрії.
Цей курс точно для вас, якщо ви:
Мрієте стати IT-фахівцем — але не маєте технічної освіти та не знаєте з якого напрямку розпочати шлях
Студент — який шукає себе і справу, в якій зможе реалізувати свій потенціал та отримувати прибуток
Мама у декреті — яка шукає додатковий заробіток, який зможе поєднувати із сім'єю
Хочете стати Fullstack-розробником — але не розумієте, як почати свій шлях, щоб швидше отримати результат
Офісний співробітник — який втомився від рутинної роботи, хоче свободи, розвитку та фінансового зростання
Бажаєте освоїти нову професію — і заробляти від $1500, подорожувати та працювати з будь-якої точки світу
Переваги бути fullstack-розробником?
Це професія, яка зараз швидко освоюється та має великий зростаючий попит на фахівців у всьому світі
Перспектива розвитку в будь-якому IT-напрямку
Великий зростаючий попит на фахівців у всьому світі
Висока ЗП (близько 1 000 $ на старті і до 3 000 $ - 6 000 $ через 1-2 роки)
Робота у великих ІТ-компаніях, вільний графік, соц. пакети та інші бонуси
FullStack розробник в першу чергу концентрується на задачах «Що треба зробити», а не «Яким способом зробити». Останнє питання він часто також вирішує самостійно, адже володіє необхідними технологіями. Full Stack Developer працює як з клієнтським (client-side), так і з серверним ПЗ (server-side). Йому не треба синхронізувати роботу фахівців Back-end та Front-end, адже він сам — «людина-оркестр».
Процес роботи FullStack-розробника:
Керує проєктом та координує його з клієнтом
Відстежує та коригує продуктивність веб застосунків та інфраструктури
Розробка сайтів, застосунків, мобільних додатків, ігр тощо
Програма:
HTML/CSS
Модуль 1. Розробка інтерфейсів з нуля
Що потрібно знати
Для чого потрібна ця професія
Що таке веб
Шляхи розвитку
В результаті:
Опануєте базові навички про роботу веб-сайту і дізнаєтесь, як завантажується веб-сторінка.
На занятті розберемо, чим займається HTML/CSS фахівець та які напрямки розвитку доступні після проходження курсу.
Модуль 2. Початок роботи
Налаштування середовища
Програми для роботи
Завантаження першого сайту
В результаті:
Завантажите програми для початку роботи і налаштуєте комфортне середовище розробки для подальшого навчання.
На занятті розберемо, як завантажити першу сторінку в інтернет, і як здавати домашнє завдання.
Модуль 3. Введення у HTML
Теги та атрибути
Семантика
Робота з текстом
Зображення
Інтерактивні елементи
Списки
В результаті:
Дізнаєтесь про основи HTML, як працюють теги та атрибути.
На занятті виконаємо першу розмітку сайту для сучасної пекарні «SHOP bakery», розберемо, як працювати із зображеннями і інтерактивними елементами.
Модуль 4. Продовження HTML
Інструменти розробника
Таблиці
Символьні підстановки
Медіаконтент, фрейм
Оформлення і валідація коду
В результаті:
Продовжите вивчати HTML, і працювати з інструментами розробника в браузері.
На занятті виконаємо розмітку таблиці, додамо на сайт мапу з Google Maps та відео з YouTube.
Модуль 5. Введення в CSS
Підключення стилів
Синтаксис, селектори
Каскадність і специфічність
CSS змінні
В результаті:
Дізнаєтесь, як підключати стилі до HTML сторінки і вперше зміните зовнішній вигляд сайту.
На занятті розберемо, як правильно писати стилі, поговоримо про каскадність, специфічність і наслідування стилів. Також додамо перші CSS-змінні.
Модуль 6. Шрифти
Підключення шрифтів
Локальні шрифти
Оформлення тексту
В результаті:
Дізнаєтесь, як працюють шрифти в браузері.
На занятті підключимо шрифти із сервісу Google Fonts, а також завантажимо шрифти локально в проект. Також додамо базові стилі шрифту до текстових елементів.
Модуль 7. Блокова модель
Геометрія елемента
Типи елемента
Структурні псевдокласи
В результаті:
Зрозумієте, що таке блокова модель елемента і як браузер відображає блокові і рядкові елементи.
На занятті додамо зовнішні і внутрішні відступи до секцій, кнопок, посилань, заголовків і т.д.
Модуль 8. Flexbox
Основні концепції
Flex-контейнер і flex-елемент
Практичне застосування
В результаті:
Навчитесь гнучко розміщати елементи за допомогою розкладки флексів.
На занятті зробимо першу флекс-розмітку, і розмістимо елементи у відповідності з макетом.
Модуль 9. Розкладка CSS Grid
Основні концепції
Grid-контейнер
Grid-елемент
Практичне застосування
В результаті:
Навчимося працювати із декором в CSS, а також розглянемо, які є типи зображень. Розберемо, як додавати різні декоративні ефекти і елементи.
Основні теми: типи зображень, фон і градієнт, тінь елемента, псевдоелементи.
Модуль 10. Декоративні ефекти
Типи зображень
Фон
Градієнти
Тінь
Псевдоелементи
В результаті:
Зрозумієте, які бувають типи зображень і як додавати декоративні ефекти на сайт.
Також, на занятті попрацюємо із псевдоелементами для додавання декоративних елементів.
Модуль 11. Графіка
Растрова графіка
Векторна графіка. SVG
Додавання SVG на сторінку
SVG-спрайт
В результаті:
Опануєте навички роботи із растровою і векторною графікою на сайті.
На занятті розберемо, як додавати SVG іконки і правильно їх використовувати.
Модуль 12. Позиціонування
Типи позиціонування
Властивість overflow
Накладання елементів
В результаті:
Дізнаєтесь, як позиціонувати елементи на сторінці.
Також поговоримо про порядок накладання елементів один на одний і керування відображенням вмісту елемента.
Модуль 13. Анімація
Трансформація
Переходи
Анімація
В результаті:
Додасте першу плавну анімацію на сайт.
На занятті набудемо навичок роботи із обертанням, масштабуванням і викривленням елементів, також додамо плавні переходи зміни кольору.
Модуль 14. Створення веб-форм
Основи роботи
Елементи форм
Групування полів
В результаті:
Створите першу форму на сайті.
На занятті дізнаємось, як працюють форми, і виконаємо розмітку полів введення.
Модуль 15. Валідація веб-форм
Види валідації
Перевірка введених значень
Псевдокласи стану
В результаті:
Додасте перевірку введених значень у полях форми.
Навчитесь робити поля обов'язковими і додасте валідацію за різними критеріями.
Модуль 16. Препроцесори
Препроцесор SASS, SCSS
Вкладені правила
Директиви
Вендорні префікси
В результаті:
Опануєте навички роботи із препроцесором.
На занятті розіб'ємо файл стилів на окремі файли для зручної навігації по проєкту.
Модуль 17. CSS Методології
Навіщо потрібні методології
Методологія БЕМ
Блок, елемент, модифікатор
В результаті:
Дізнаєтесь, як додають імена класів при командній роботі, і зміните назви класів відповідно методології БЕМ.
Модуль 18. Адаптивність і адаптивна графіка
Типи і види верстки
CSS media запити
Стратегії Mobile і Desktop first
Адаптив і ретинізація фонових та контентних зображень
В результаті:
Зробите сторінку красивою для мобільних пристроїв і планшетів.
Також виконаємо розмітку мобільного меню на сайті.
Модуль 19. Екзамен HTML/CSS
В результаті:
Екзамен по пройденому матеріалу.
JavaScript
Модуль 20. Введення
JavaScript — що це таке
Підключення скрипта
DevTools
Визначення об'єктів, властивостей та методів
Типи данних
В результаті:
Ближче познайомитесь з командою та спікерами, дізнаєтесь історію виникнення професії, її цілі, завдання та принципи.
Складемо портрет розробника та поговоримо про варіанти кар'єрного розвитку.
Модуль 21. Оператори
Оператори
Вивід данних/ Ввід данних
Вирішення логічних задач та побудова алгоритмів
Умови if/els
switch/case
В результаті:
Дізнаєтесь, що таке оператори, вивід/ввід данних, вирішення логічних задач, умови if/els та switch/case.
Модуль 22. Масиви і цикли
Масиви
Цикли
Методи присвоєння
Методи масиву
Області видимості
В результаті:
Дізнаєтесь, що таке масиви, цикли, методи присвоєння, методи масиву, області видимості.
Модуль 23. Функції
Функції
Стрілочні функції
Лексичне оточення
Контексти і виклики
В результаті:
Дізнаєтесь, що таке функції, стрілочні функції, лексичне оточення, контексти і виклики.
Модуль 24. Замикання, this
Замикання
this
Контексти і виклики
call, apply, bind
В результаті:
Дізнаєтесь, що таке замикання, this, call, apply, bind, закріпите практикою.
Модуль 25. Об'єкти та класи
ООП
Об'єкти
Інкапсуляція, абстракція, наслідування, поліморфізм
Практика
В результаті:
Дізнаєтесь, що таке ООП, класи, об'єкти, інкапсуляція, абстракція, наслідування, поліморфізм.
Модуль 26. ES6
Конструктори
Внутрішні методи
Прототипи
ES6
В результаті:
Дізнаєтесь, що таке конструктори, внутрішні методи, прототипи, ES6, ES9, якість коду.
Модуль 27. DOM
DOM
Навігація по DOM
Властивості
Робота з DOM-вузлами
В результаті:
Дізнаєтесь, що таке DOM, навігація по DOM, властивості, робота з DOM-вузлами.
Модуль 28. Події
Події
Форми
Event propagation
Drag'n'Drop
В результаті:
Дізнаєтесь, що таке події, форми, event propagation, Drag'n'Drop.
Модуль 29. Local Storage & node.js
Local Storage
Node.js
Установка і використання
Додавання - видалення бібліотек
В результаті:
Дізнаєтесь, що таке Local Storage, Node.js, додавання - видалення бібліотек, закріпите практикою.
Модуль 30. Асинхронний Js & дата
Асинхронний Js
Синхронність, асинхронність, багатопотоковість
setTimeout и setInterval
Дата
Promise
В результаті:
Дізнаєтесь, що таке складання проектів: WebPack, робота з бібліотеками, закріпите практикою.
Модуль 31. Протоколи передачі данных
TCP/IP
HTTP
HTTPS
Коди відповіді
Помилки і обробка
В результаті:
Дізнаєтесь, що таке асинхронний Js, синхронність, асинхронність, багатопотоковість, setTimeout и setInterval, Дата, Promise.
Модуль 32. REST API
REST API
Ajax
Fetch
Практика
В результаті:
Дізнаєтесь, що таке TCP/IP, HTTP, HTTPS, коди відповіді, помилки і обробка.
Модуль 33. WebPack, Gulp
Складання проектів: WebPack, Gulp
В результаті:
Дізнаєтесь, що таке REST API, Ajax, Fetch, закріпите практикою.
Модуль 34. React
Основи популярної бібліотеки
Створення зборки
використання React на прикладах
В результаті:
Дізнаєтесь основи популярної бібліотеки, створення зборки, використання React на прикладах.
Модуль 35. Екзамен з JavaScript
В результаті:
Екзамен по пройденому матеріалу.
React
Модуль 36. Знайомство з React
На цьому занятті ми з вами дізнаємось що взагалі таке реакт, як його налаштувати, розберемо що таке JavaScript XML (JSX), стоворемо свої перші компоненти і дізнаємось різницю між классовими та функціональними компонентами в React.
Що таке React
Налаштування і інструменти
Що таке JSX
Компоненти
Компоненти-класси vs Функціональні компоненти
Модуль 37. State, Події
На цьому занятті ми з вами дізнаємось як і за допомогою якокї концепції виконується рендер компонентів в React, розберемо що таке state, як з ним працювати і на що він впливає у React додадку, розберемо події (events) і чим вони відрізняються від подій JavaScript.
Ререндер компонентів
Що таке стейт
Що таке JSX
Робота зі стейтом, зміна та оновлення стейту
Події і SyntheticEvent Object
Модуль 38. Props, види рендеру
На цьому занятті ми з вами дізнаємось як виконується рендер за умовами у React, як працює рендер колекцій та для чого потрібен проп key. Що взагалі таке пропс і як з ними працювати та передавати між компонентами.
Рендер за умовою
Рендер колекцій, Що такe key
Що таке Props
Передача пропсів між компонентами
Модуль 39. Життеві цикли компоннтів
На цьому занятті ми будемо працювати в основному з классовими компонентами. Пройдемося по методам життєвого циклу компонента, закріпимо це все на практиці. Дізнаємося як можна обробляти помилки рендеренгу компонента.
монтування, оновлення та розмонтування
Методи классового компоненту
componentDidMount
componentDidUpdate
componentWillUnmount
Модуль 40. Хуки частина 1
useEffect
useLayoutEffect
useState
useReduсer
useRef
Модуль 41. Хуки частина 2, кастомні хуки React memo
хуки для оптимізації, useMemo, useCallback
React memo
Що таке кастомні хуки, як їх використовувати
Модуль 42. Стилізація
Inline Styles (інлайнові стилі)
Звичайний CSS
СSS модулі
css in js
Модуль 43. Форми
Неконтрольовані елементи
Контрольовані елементи
Складні форми
Бібліотеки для роботи з формами
Модуль 44. HTTP запити
Робота з REST АPI, хороші практики
Обробка процесу завантаження
Обробка помилок, Error Boundary
Модуль 45. Реакт роутинг, частина 1
Що таке URL, структура
Бібліотека React Router
Базовий роутинг Routes and Route
Вкладені роути
Компонент Outlet
Компоненти Link, NavLink
Модуль 46. Реакт роутинг, частина 2
Робота з історією
Приватні роути
Програмна навігація «useNavigate» і «navigate»
Lazy Loading
ErrorElement для обробки помилок в додадку
Модуль 47. Стейт менеджмент, useContext. Бібліотека Redux частина 1
useContext
Вступ до стейт менеджменту, які найпопулярніші
Вступ до бібліотеки Redux, Redux Toolkit
Базове налаштування бібліотеки Redux
Модуль 48. Бібліотека Redux частина 2
Робота з Redux Toolkit
configureStore
createAction
createReducer
createSlice
React Native
Модуль 49. Знайомство з React Native
Що таке React Native
Особливості роботи
Expo
Відмінність React від React Native
Документація
Модуль 50. Теги і робота з данними
Огляд базових компонентів
Введення даних
Обробка данних
AsyncStorage
Модуль 51. Стилі
Робота зі стилями
Модуль 52. Навігація
Створення екранів
Переключення екранів
Передача данних між сторінками
Модуль 53. Додаткові включення
Робота з картами
Робота з календарем
Доступ до данних
Модуль 54. Api
Підключення бібліотеки
Надсилання запитів
Обробка результатів
Модуль 55. Зовнішні посилання і qr
Створення сторінки з зовнішніми посиланнями
Обробка qr code
Модуль 56. Завершення
Рефактор коду
Збірка білда для андроід
Node.js
Модуль 57. Основи Node js. Цикл подій. Створення консольного застосунку
Що таке nodejs. Робота з бібліотеками. Написання консольного застосунку, його запуск. Робота з дебагером у VSCode.
Модуль 58. Основи Express. СRUD. Postman
Встановлення. Що таке CRUD. Написання найпростішого серверу. Робота з Postman.
Модуль 59. Бази даних. Реляційна база даних SQLite
Види баз даних. Реляційні бази. Встановлення SQLite. Робота з SQLite. Мова SQL. Додавання у сервер роботи з базою даних.
Модуль 60. Нереляційні бази даних. MongoDB. Схеми й методи Mongoose
Відмінності реляційних і нереляційних баз данних. Встановлення MongoDB. Додавання у сервер роботи з базою даних.
Модуль 61. Аутентифікація
Безпека застосунку. Захист даних користувача. Додавання таблиці користувачів. Допуск до виклику ендпоінтів гостей, звичайних юзерів та адміністраторів.
Модуль 62. Робота з файлами. Буфери. Завантаження файлів у базу даних
Стандартна бібліотека роботи з файлами. Читання, створення, редагування та зберігання файлів. Обробка помилок. Завантаження файлів у базу даних.
Модуль 63. Робота з обʼєктами у nodejs
Робота з обʼєктами. Обмеження. Властивості обʼєкту. Методи роботи з обʼєктами. Цикл for…in.
Модуль 64. Створення модулів. Тестування. Mocha. Chai
Створення власних локальних модулів. Import та required. Тестування коду. Приклад тестування коду за допомогою Mocha та Chai. Дебагер у тестах.
Модуль 65. Фінальний проєкт. Розробка серверу. Деплой на Heroku. Допоміжні інструменти розробника: основи git, linter
Завершення розробки серверу. Оформлення проєкту у репозиторії. Написання документації до проєкту.
Модуль 66. Пошта. Docker
Модуль 67. Вебсокети
Python
Модуль 68. Введення до Python. Встановлення середовища
Ознайомлення з мовою Python: історія, застосування
Встановлення Python та налаштування середовища розробки
Запуск першої програми на Python
В результаті:
Ознайомимось з історією та застосуванням мови Python. Налаштуємо середовище розробки, встановимо його та запустимо першу програму.
Модуль 69. Основи синтаксису Python: змінні, оператори, типи даних
Змінні та їх типи: числа, рядки, списки, словники
Оператори: арифметичні, порівняння, логічні
Вбудовані функції для роботи з типами даних
В результаті:
Розберемо змінні та їх типи, арифметичні, порівняльні та логічні оператори та дослідимо вбудовані функції.
Модуль 70. Управляючі конструкції: умовні оператори та цикли
Умовні оператори: if, else, elif
Оператори порівняння та логічні вирази
Цикли: while і for. Ітерування по послідовностям
В результаті:
Розберемо if, else, elif, а також логічні вирази та оператори порівняння. Дослідимо цикли while i for.
Модуль 71. Структури даних: списки, кортежі, словники
Списки: створення, індексація, зрізи, методи
Кортежі: особливості та використання
Словники: ключі, значення, методи роботи
В результаті:
Навчимося структури даних, створення, індексації, зрізи та методи списків, особливості та використання кортежів, ключі, значення та методи роботи словників.
Модуль 72. Функції та модулі
Визначення та виклик функцій
Параметри функцій: позиційні, іменовані
Робота з модулями: імпорт, створення власних модулів
В результаті:
Розглянемо виклик та визначення функцій, позиційні та іменовані параметри функцій та навчимося роботі з модулями.
Модуль 73. Введення в ООП. Класи та об'єкти
Основні поняття ООП: класи, об'єкти, атрибути, методи
Створення класів та екземплярів класів
Ініціалізація об'єктів через конструктор
В результаті:
Вивчемо основні поняття ООП, створення класів та їх екземплярів та розглянемо ініціалізацію об'єктів через конструктор.
Модуль 74. Наслідування та поліморфізм
Принцип успадкування та його застосування
Розширення класів, перевизначення методів
Поліморфізм: загальний інтерфейс для різних класів
В результаті:
Розглянемо перевизначення методів та розширення класів, розберемо принцип успадкування, загальний інтерфейс для різних класів.
Модуль 75. Інкапсуляція та абстракція
Інкапсуляція: обмеження доступу до атрибутів та методів
Абстракція: визначення загального інтерфейсу класу
Абстрактні класи та методи
В результаті:
Розберемо обмеження доступу до атрибутів та їх методів, визначемо загальний інтерфейс класу та абстрактні класи та методи.
Модуль 76. Принципи SOLID в ООП
Принцип єдиного обов'язку (Single Responsibility Principle)
Принцип відкритості/закритості (Open/Closed Principle)
Принцип підстановки Барбари Лісков (Liskov Substitution Principle)
Принцип розділення інтерфейсу (Interface Segregation Principle)
Принцип інверсії залежностей (Dependency Inversion Principle)
В результаті:
Розглянемо всі п'ять принципів SOLID.
Модуль 77. Основи веб-розробки та архітектура клієнт-сервер
Основні поняття веб-розробки: клієнт, сервер, HTTP-протокол
Принципи роботи клієнт-серверної архітектури
В результаті:
Розглянемо клієнт, сервер, HTTP-протокол та принципи роботи клієнт-серверної архітектури.
Модуль 78. Введення до FastAPI. Встановлення та перша програма
Знайомство з фреймворком FastAPI: особливості, переваги
Встановлення FastAPI та створення простої веб-програми
Маршрутизація запитів та обробка маршрутів
В результаті:
Ознайомимось з FastAPI, створимо просту веб-програму, навчимось маршрутизації запитів.
Модуль 79. Введення до баз даних та ORM (Object-Relational Mapping)
Основи роботи з реляційними базами даних
Поняття ORM та переваги його використання
Інтеграція ORM SQLAlchemy з FastAPI
В результаті:
Вивчимо основи роботи з реляційними базами даних, поняття ORM, інтеграцію SQLAlchemy з FastAPI.
Модуль 80. Визначення моделей даних та створення таблиць
Визначення класів моделей даних з використанням SQLAlchemy
Створення таблиць в базі даних на основі моделей
В результаті:
Розглянемо визначення класів моделей з SQLAlchemy, навчимось створювати таблиці на основі моделей.
Модуль 81. CRUD-операції та робота з даними
Створення, читання, оновлення та видалення даних з використанням SQLAlchemy
Основи роботи з сесіями та транзакціями
В результаті:
Навчимось CRUD-операціям з SQLAlchemy, розберемо основи роботи з сесіями та транзакціями.
Модуль 82. Введення до аутентифікації та авторизації
Розрізнення між аутентифікацією та авторизацією
Токени аутентифікації та їх роль у веб-програмах
В результаті:
Визначемо розрізнення між аутентифікацією та авторизацією, розглянемо токени аутентифікації.
Модуль 83. Реалізація аутентифікації з використанням JWT (JSON Web Tokens)
Генерація та перевірка JWT-токенів
Інтеграція аутентифікації з FastAPI
В результаті:
Розберемо генерацію та перевірку JWT-токенів, дослідимо аутентифікацію з FastAPI.
Модуль 84. Реалізація авторизації та управління доступом
Розділення прав доступу користувачів
Реалізація ролей та дозволів
В результаті:
Розберемо розділення прав доступу користувачів та розглянемо реалізацію ролей та дозволів.
Модуль 85. Валідація даних та обробка запитів
Валідація даних, що надходять від клієнтів
Використання пайплайнів для обробки даних запитів
Модуль 86. Робота з файлами та завантаження даних
Завантаження та зберігання файлів на сервері
Робота з зображеннями та іншими медіафайлами
В результаті:
Розберемо завантаження та зберігання файлів на сервері, навчимось роботі з медіафайлами.
Модуль 87. Docker для розгортання веб-програми
Основи Docker: контейнеризація, образи, контейнери
Створення Docker-контейнера для FastAPI-програми
В результаті:
Розберемо основи Docker, навчимось створенню Docker-контейнерів для FastAPI-програми.
Модуль 88. Оптимізація продуктивності
Виявлення та усунення вузьких місць у програмі
Кешування даних та оптимізація запитів до бази даних
Модуль 89. Введення в тестування веб-програм
Типи тестування: модульне, інтеграційне, функціональне
Написання та запуск тестів з використанням бібліотеки Pytest
В результаті:
Розглянемо типи тестування, а також написання та запуск тестів з використанням Pytest.
Модуль 90. Створення API документації за допомогою Swagger
Автоматична генерація документації на основі коду
Інтеграція Swagger UI з FastAPI
Модуль 91. Розробка фінального проекту
Студенти розроблять свій власний веб-проект на основі вивченого матеріалу
В результаті:
Підготуємось до фінального проекту на віддаленому сервері.
Модуль 92. Розгортання фінального проекту
Підготовка та розгортання фінального проекту на віддаленому сервері з використанням Docker
Soft Skills
Модуль 93. Що таке soft skills?
Які бувають?
Де застосовувати?
Як виміряти свій рівень володіння soft skills
Як покращувати свої скіли
Модуль 94. Soft skills для IT спеціаліста
Для чого IT спеціалісту розвивати soft skills?
Комунікація: як прокачати і де знадобиться?
Креативність і гнучкість: як прокачати і де знадобиться?
Самодисципліна: як прокачати і де знадобиться?
Критичне мислення: як прокачати і де знадобиться
Уважність: як прокачати і де знадобиться
Проактивність: як прокачати і де знадобиться
Адаптивність: як прокачати і де знадобиться
Інші навички
Модуль 95. Цілі і їх досягнення
Колесо балансу
Як зрозуміти чого хочу саме я?
Як правильно поставити свої цілі (смарт)
Як декомпозувати цілі
Як досягати своїх цілей?
Модуль 96. Емоційний інтелект/Емпатія
Що таке емоційний інтелект?
Ща таке емпатія і чим відрізняється?
Як це застосовувати з вигодою для себе?
Особисті кордони при високому рівні емпатії
Модуль 97. Основи комунікації
Що таке екологічна комунікація?
Види комунікації
Бар'єри в комунікації
Ціль в комунікації, як її побачити і застосувати на практиці?
Правила успішної комунікації
Модуль 98. Конфліктологія
Що таке конфлікт? Чому це добре?
Який ідеальний результат конфлікту?
Види та способи розв'язання конфліктів
Як зберігати спокій під час конфліктів?
Модуль 99. Ораторське мистецтво
Навіщо нам рот?
Як говорити так, щоб тебе почули?
Як правильно, ефективно та швидко доносити свої думки?
Страх говорити
Модуль 100. Ефективне навчання
Що таке ефективне навчання?
Як правильно навчатись?
Принципи швидкого і якісного навчання
Як не забути все, що вивчив?
Модуль 101. Основи фінансової грамотності
Скільки грошей мені треба для щастя?
Скільки грошей мені треба насправді?
Як вести власни бюджет і знати куди і звідки приходять гроші?
Лайфхак: де взяти гроші, коли їх нема?
Модуль 102. Планування і таймменеджмент
Як правильно визначити пріорітетність задач?
Принципи планування і тайм менеджменту
Багатзадачність: добре чи погано? Як встигнути все?
Трекінгові системи
Проводит обучение:
Богдан Лущенко
Fullstack-разработчик, в разработке более 5 лет
Работает в одной из крупнейших украинских компаний (Playtech)
Основатель Simplify.Core — компании по разработке программного обеспечения
Разрабатывал почти с нуля KLEVER AI — нидерландский проект, сотрудничающий с министерством обороны Нидерландов
Кристина Малитовская
Frontend/Mobile Developer
React / React Native Developer at CanDo
Front End/Mobile Developer
Принимала участие в разработке более 30 мобильных приложений
Java Script Developer преподаватель
Блогер, web-фрилансер
Дмитрий Рябовол
Markup developer at Studytube, 5+ лет опыта работы
Markup developer at Studytube
Разработчик UI интерфейсов
5+ лет опыта на украинских и зарубежных проектах
HTML/CSS преподаватель
Блогер, web-фрилансер
Дарья Звягина
Head of Product and Service
Head of Product and Service с командой 30+ человек (штат + аутсорс)
Методолог образовательных онлайн-программ с опытом более 4 лет
Адаптировала к работе более 50 человек, как на линейные позиции, так и руководящие
Цену установит организатор
СКАЧАТЬ
Для просмотра скрытого содержимого вы должны зарегистрироваться
Возможно, Вас ещё заинтересует:
- [Машинное вязание] Совместник бомбер Сеть [Татьяна Макаренко]
- [Лепка] Мастер-класс №2 по лепке колец из полимерной глины с кристаллами [Аlterego Jewerly] [Алина Андреева]
- Если укусил клещ [Екатерина Юсупова]
- Протокол против бактерии Хеликобактер [Екатерина Юсупова]
- [Лепка] Мастер-класс по лепке колец из полимерной глины с кристаллами [Аlterego Jewerly] [Алина Андреева]
- Курс испанского А1 онлайн для самостоятельного изучения [Испаника]