Платформа EXPAND

Appearance

Полный список тем, идей и проектов на EXPAND ​

1. HTML / CSS ​

Учимся делать части сайтов, сами сайты, их адаптивы и анимации

1) Запчасти сайтов: задачи HTML / CSS. Тренировка навыков ​

2) Библиотеки для HTML и CSS ​

3) Лендинги: тренируем вёрстку и адаптивы ​

4) HTML/CSS фреймворки ​

  • Bootstrap: сетка, SCSS, компоненты

5) Веб-инструменты для личных нужд: для себя и своего бизнеса ​

Лендинги ​

  • Лендинг своими руками на HTML / CSS
  • Лендинг на Тильда

Каталоги и интернет-магазины ​

  • Каталог / интернет-магазин на Тильда
  • Блог на WordPress
  • Интернет-магазин на WordPress

6) Новые технологии: препроцессоры ​

7) Проекты HTML / CSS: задачи и челленджи для опыта и вдохновения ​

2. JavaScript / Vue ​

1) Запчасти сайтов: задачи на JS. Тренировка навыков ​

Частые элементы сайтов ​

Элементы скрывания / появления контента ​

Практичное ​

  • Отправка имейла с помощью EmailJS

Для вдохновения ​

2) JavaScript-библиотеки для самостоятельного изучения ​

3) Проекты: задачи и челленджи для опыта и вдохновения ​

Компоненты сайтов ​

  • Эффектная светлая и тёмная тема. Секреты CSS, о которых ты не знал
  • Скрывающееся меню: меню, в которое поместится всё. Хитрая вёрстка и щепотка JS

Эффект "Движения" ​

Генераторы ​

Слайдеры ​

  • Слайдер на чистом JS: проек, после которого начинаешь себя уважать! Тренируем функции, массивы и JavaScript в целом

Интернет-магазины ​

Браузерные игры ​

Для вдохновения ​

3. Vue ​

Новые навыки ​

  • VueJS 3
  • Routing
  • TypeScript
  • Vite

Основы Vue ​

  • Челлендж по базовым туториалам

Библиотеки / инструменты Vue ​

  • Vue Router
  • Pinia
  • Vite
  • NaiveUI
  • Nuxt
  • MEVN-разработка

Проекты Vue ​

Проекты для старта ​

  • Кнопка +/-: меняем размер шрифта
  • Счётчик слов на Vue
  • Калькулятор
  • Генератор паролей
  • Todo list на Vue
  • Дешифратор Цезаря

На основе новых технологий ​

  • Логин в Даркнете: тренировка Vue Router
  • VitePress: блог на VueJS и Markdown. Генераторы сайтов, тренировка VitePress

Тренировка ​

  • Таблица Менделеева: тренировка компонентов и массивов
  • Кастомный консоль.лог
  • Глобальные стили on / off

Full-stack проекты (+переход на Python / NodeJS). Глобальные проекты ​

  • Typie: тренажёр слепой печати (аналог StaminaOnline)
  • Админка на Vue
  • CRM на Vue

Для вдохновения ​

  • Классы из пропсов: проект на логику

Подготовка к собеседованию на Junior Vue Developer ​

  • Что делать: должность, обязанности
  • Вопросы на собеседовании
  • Такой нужный английский язык
  • Job-сайты: анализ вакансии, анализ компании и требований к работе (что делать и у кого)
  • Составляем резюме: лучшие советы
  • Готовим проекты / портфолио
  • Тестовые собеседования, тестовые задания
  • Трудоустройство

4. Python ​

Основы языка. Мини-курс по GUI-приложениям. Бекенд

Библиотеки ​

  • Tkinter и CustomTkinter (GUI)
  • pytube (API YouTube)
  • pydub (видео / аудио)

Новые навыки ​

  • ООП
  • Проекты на chatGPT с нуля до релиза
  • потоки (Thread, GIL в python) и настоящая мультипоточность (multiprocessing)
  • синхронность и асинхронность

1) Основы Python: новые навыки благодаря новому языку ​

  • Синтаксис Python
  • Тренировка на простых задача
  • Функции Python: тренировка задач на Codewars
  • Работа с файлами JSON: чтение / запись / удаление / обновление (CRUD)
  • ООП на Python
  • Дебаггер VS Code
  • Виртуальная среда для будущих проектов

2) Веб-парсеры ​

  • Ищем президентов Украины!
  • Мы в Касте: парсим интернет-магазин

3) GUI-приложения: проекты, которыми ты сам будешь пользоваться ​

  • Бекапер файлов
  • Скачивалка видео с Ютуба
  • Шифратор / дешифратор Цезаря
  • Видео-редактор на Python
  • GUI на chatGPT: компресор файлов MP3 / MP4
  • Кейлоггер для лучшего друга или подруги
  • Телеграм-бот для личных целей (сервис для людей?)
  • Онлайн-чат на веб-сокетах: делаем свой телеграм / вайбер

5. Бекенд на Python ​

Бекенд для веб-приложений

Новые навыки ​

  • чтение / запись в JSON: локальная БД в файле
  • ООП
  • Паттерны ООП
  • Структуры данных
  • синхронность и асинхронность
  • База данных MongoDB
  • Хостинг приложений
  • Сетевой трафик
  • API Windows: языки, реестр, права администратора и прочее

Библиотеки ​

  • Flask
  • FastAPI
  • Uvicorn / Gunicorn
  • Django

Хостинг проектов ​

  • Python Anywhere
  • Vercel
  • Render
  • Railway

Шифрование данные: алгоритмы шифрования ​

  • простые алгоритмы шифрования: Цезарь и прочие
  • md5
  • sha256 и sha512
  • RSA

Проекты ​

  • Подключаем Google-авторизация с помощью Vue и Python (+БД в JSON / MongoDB)
  • Логин и регистрация на Vue + Python (+БД в JSON / MongoDB)
  • Секреты Дамира: тест-викторина на Vue + Python (+MongoDB)
  • Свой интернет-магазин на Django (+MongoDB)
  • Анализатор трафика на компьютере: блокируем шпионаж Windows за нами и нашей системой

Подготовка к собеседованию на Junior Python Backend / Junior Python + Vue Fullstack Developer ​

  • Что делать: должность, обязанности
  • Вопросы на собеседовании
  • Такой нужный английский язык
  • Job-сайты: анализ вакансии, анализ компании и требований к работе (что делать и у кого)
  • Составляем резюме: лучшие советы
  • Готовим проекты / портфолио
  • Тестовые собеседования, тестовые задания
  • Трудоустройство

6. Сервисы ​

Делаем полезные вещи для себя, для EXPAND и для всего мира.

Смотри список сервисов

Фулл-стек приложения на JavaScript + Python ​

Новые технологии ​

  • NodeJS: Express, NestJS
  • Python: Flask, FastAPI, Django
  • VueJS: Vue Router, Pinia, Nuxt

Проекты ​

  • Админка на Vue / Python
  • CRM на Vue / Python

7. PHP. Бекенд ​

Бекенд на PHP

Задачи на логику для любого языка ​

Задачники ​

Массивы ​

  • Посетитель кинотеатра

Объекты ​

Универсальные проекты ​

Для любого ЯП

Дополнено: