Платформа EXPAND

Русский

English

Русский

English

Appearance

Все темы и проекты из мира программистов 🌍 ​

Ну, почти все 😃

1. HTML / CSS ​

Теория HTML / CSS ​

Библиотеки HTML / CSS ​

Тренировки HTML / CSS ​

Тренируем CSS ​

Тренируем Emmet ​

Проекты HTML / CSS ​

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

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

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

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

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

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

Лендинги ​

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

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

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

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

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

2. JavaScript и Vue ​

Теория ​

Теория JavaScript ​

  1. Основы языка: синтаксис
  2. Встроенные методы для работы с числами / строками
  3. Массивы и объекты: практика
  4. Функции: практика. Задачи на Codewars
  5. Fetch: работа с запросами и API
  6. LocalStorage и cookies: браузер как хранилище данных
  7. OOP: как сделать свой код лучше? Практика

Библиотеки JS ​

  • EmailJS: отправка имейла с сайта

Задачи JavaScript ​

  • Codewars

Практика компонентов / state management / логики на Vue ​

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

Проекты JavaScript ​

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

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

Элементы UI (и другие приятные глазу мелочи) ​

Возможности сайтов: мелкий фунционал ​

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

Drag-n-drop: перетаскивание элементов ​

Красивые и интересные проекты "для души" ​

  • пока пусто

Генераторы ​

Слайдеры ​

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

Возможности сайтов: крупный функционал ​

  • Мультиязычность на сайте (🌎)

Возможности интернет-магазинов: функционал ​

VueJS ​

VueJS progression ​

1. Vue basics ​

Plan based on Vue basic tutorials

  1. Vue installation
  2. Basic tutorials: Vue features
  • ref: reactive variables
  • features: template syntax, v-on, v-bind, v-for, v-if, ref
  • Vue app lifecycle
  1. Preprocessors
  • TypeScript
  • SCSS
  1. Components
  • emits
  1. Advancics: watch, provide/inject

2. Vue Router ​

  1. Vue Router installation
  2. Routing configuration
  3. useRoute & useRouter hooks
  4. Guards

3. Component libraries ​

  1. BootstrapVue
  2. NaiveUI

4. State management ​

  1. Built-in solutions
  2. Pinia

5. Tools for building web apps ​

  1. VitePress
  2. Nuxt

Задачи Vue ​

  • пока пусто

Тренировка Vue ​

Проекты Vue ​

  • Кнопка +/-: меняем размер шрифта
  • Счётчик слов
  • Генератор паролей
  • Веб-плеер на Vue (+TypeScript)
  • Todo list
  • Дешифратор Цезаря
  • Таблица Менделеева: тренировка компонентов и массивов
  • Логин в Даркнете: практика Vue Router
  • Блог на VitePress: VueJS и Markdown. Генераторы сайтов

Full-stack проекты (+переход на Python / NodeJS / PHP). Разработка сервисов ​

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

Сервисы ​

  • Генератор лендингов
  • Личный кабинет на сайте EXPAND

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

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

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

4. Python ​

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

Библиотеки - и проекты на их основе ​

  1. GUI: CustomTkinter / QT для приложений с графическим интерфейсом
  2. API: pytube для качалки видео с YouTube
  3. Pydub для MP3 / MP4-компрессора и работы с видео/аудио

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

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

Полный план изучения Python ​

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

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

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

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

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

Бекенд на 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 за нами и нашей системой

Сервисы ​

  • Бот для знакомств в Украине и за границей
  • Логин и регистрация на сайте EXPAND (для личного кабинета)
  • Личный кабинет на сайте EXPAND

Работа. Подготовка к собеседованию на 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

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

Для любого языка программирования

Для новичков (навыки) ​

Инструменты ​

  • Типы: зачем нужна типизация языка?

Практика ​

  • Сборники задач
    • Codewars: тхеквондо навыков. Лучший сборник задач в интернете
  • Массивы
  • Объекты
  • Массивы и объекты
    • Важный посетитель кинотеатра
  • Функции

Проекты ​

Technologies ​

GUI: desktop applications building using modern tools ​

Vue / React ​

Python ​

Telegram bots ​

Ideas for first bot ​

  • Bot for school schedule and hometasks
  • Reminder bot

Mini Apps ​

  • Docs Viewer: your docs website into Telegram App
  • HTML / CSS / JS game-as-mini-app
  • any other ideas for mini apps?

Services ​

  • Dating bot
  • IT Tutor Bot

Ethical Hacking & Bug Bounty ​

How to participate in Bug Bounty? ​

Sign up for a bug bounty programs:

Ethical hacking: newcomer guides ​

Дамир, платформа EXPAND ❍ 2024