НОВИНКА!
Бесплатный курс ПРАКТИКА НА ВЕРСТКУ.
Начало: 25-го августа.

В данном курсе вам будут предложены задачи
в виде макетов сайтов, которые нужно сверстать.
Задачи идут от простым к сложным.
Сначала статичные макеты, а затем адаптивные.
Сделанные макеты вы будете отправлять на проверку ментору и получать обратную связь.
Продолжительность курса: 3 недели.

Отличная возможность попрактиковаться в верстке!
Для записи вступайте в следующий канал:
https://t.me/+bHn7Ah4jgeI5OTUy

Адаптивная сетка через CSS гриды без медиазапросов

Современный CSS Grid Layout позволяет создавать адаптивные сетки без использования медиазапросов. Комбинация функций auto-fit и minmax дает мощный инструмент для автоматического размещения элементов.

Читайте полную статью по ссылке:
https://code.mu/ru/markup/article/responsive-grid-without-media-queries/

Модальное окно с размытием фона

Модальные окна - важный элемент интерфейса для отображения дополнительной информации. В данном уроке мы сделаем модальное окно с эффектом размытия фона с помощью CSS свойства backdrop-filter.

Читайте полную статью по ссылке:
https://code.mu/ru/markup/article/modal-with-blur/

Какие есть специальности Python?

Продолжается бесплатный курс Python для новичков.
(можете присоединяться к нам тут: https://t.me/+k2k7VLPc2ihkYWRi)

Несколько участников этого курса задали мне вопрос, кем можно работать со знанием Python?
Давайте рассмотрим возможные специальности и пути развития:

------

1. Веб-разработка (Backend)
Самое классическое направление. Python используется для создания серверной части (backend) сайтов, веб-приложений и API.

Чем занимаются: пишут логику работы сайта, работают с базами данных, обеспечивают безопасность, интегрируют фронтенд с бэкендом.

Ключевые фреймворки:

Django - мощный фреймворк, включает в себя почти всё "из коробки" (админ-панель, ORM, аутентификацию). Подходит для сложных проектов, например, интернет-магазинов, соцсетей, новостных порталов.

Flask / FastAPI - более легковесные и гибкие микрофреймворки. FastAPI особенно популярен для создания высокопроизводительных RESTful API благодаря своей асинхронности.

Что нужно знать: Помимо Python и фреймворков, необходимо знание баз данных (SQL, PostgreSQL), REST API, Docker, знание Git, основ веб-безопасности.

------

2. Data Science (Наука о данных)
Одно из самых модных и высокооплачиваемых направлений. Специалисты работают с большими данными, чтобы извлечь из них ценную информацию и найти закономерности.

Чем занимаются: сбор, очистка и анализ данных, построение моделей машинного обучения, визуализация результатов.

Ключевые библиотеки:

Pandas - для работы с табличными данными (основной инструмент).
NumPy - для работы с многомерными массивами и математическими вычислениями.
Matplotlib / Seaborn / Plotly - для построения графиков и визуализации данных.
Scikit-learn - главная библиотека для классического машинного обучения (алгоритмы классификации, регрессии, кластеризации).

------

3. Machine Learning (Машинное обучение) / AI Engineer
Более узкая и углубленная специализация внутри Data Science, сфокусированная именно на создании и обучении моделей.

Чем занимаются: разработка, обучение, развертывание и поддержка моделей машинного обучения и нейросетей.

Ключевые библиотеки:

TensorFlow / PyTorch - два основных фреймворка для глубокого обучения и создания нейронных сетей. PyTorch часто выбирают для исследований, а TensorFlow - для продакшена.

Keras - высокоуровневый API (чаще для TensorFlow), который упрощает создание нейросетей.

Что нужно знать: очень сильная математическая база (линейная алгебра, математический анализ, теория вероятностей и статистика).

------

4. DevOps / Automation / SRE
Python - язык скриптования по умолчанию в этой сфере. Он используется для автоматизации рутинных задач, управления инфраструктурой и CI/CD процессами.

Чем занимаются: написание скриптов для автоматизации развертывания, мониторинга и управления облачной инфраструктурой (AWS, GCP, Azure).

Ключевые технологии: Помимо Python, нужно глубоко знать Ansible (написан на Python), Terraform, Kubernetes, Docker, Bash, различные системы мониторинга.

------

5. Разработка игр
Не основная, но существующая ниша. Python используется для создания прототипов, инструментов для геймдизайнеров и скриптования внутри игровых движков.

Чем занимаются: создание не больших AAA-игр, а инди-игр, модов, прототипов и образовательных проектов.

Ключевые библиотеки и движки:

Pygame - популярная библиотека для создания 2D-игр.

Встроенная поддержка скриптования в движках: Unreal Engine (через Plugin), Blender (для создания 3D-контента).

------

6. Разработка десктопных приложений
Python можно использовать для создания кроссплатформенных приложений под Windows, macOS и Linux.

Чем занимаются: создание GUI-приложений (с графическим интерфейсом) для бизнеса или личного использования.

Ключевые библиотеки:

Tkinter - стандартная библиотека Python, простая, но с устаревшим дизайном.

PyQt / PySide - самые мощные и популярные фреймворки для создания профессиональных приложений.

Kivy - хорош для приложений с сенсорным управлением и мультитач-интерфейсами.

------

7. Программирование встроенных систем и IoT
Python (особенно его версия MicroPython) используется для программирования микроконтроллеров (например, ESP32, Raspberry Pi).

Чем занимаются: создание умных устройств, робототехника, автоматизация умного дома, написание скриптов для одноплатных компьютеров.

------

8. Парсинг и scraping данных
Python - лучший язык для автоматизированного сбора данных из интернета.

Чем занимаются: написание программ (парсеров), которые автоматически собирают информацию с веб-сайтов (цены, новости, отзывы, вакансии и т.д.).

Ключевые библиотеки:

Beautiful Soup - для разбора HTML/XML.

Scrapy - мощный фреймворк для написания сложных парсеров.

Requests / Selenium - для отправки HTTP-запросов и эмуляции поведения браузера (для обхода защиты).

------

9. QA Automation (Автоматизация тестирования)
Python широко используется для написания автоматических тестов благодаря своей простоте и читаемости.

Чем занимаются: написание скриптов, которые автоматически проверяют работу сайтов или приложений, экономя время ручных тестировщиков.

Ключевые библиотеки и фреймворки:

Pytest - популярный фреймворк для написания unit-тестов.

Selenium / Playwright - для автоматизации тестирования веб-интерфейсов (браузеров).

Requests - для тестирования API.

------

Какую выбрать?
Новичку проще всего начать с веб-разработки (Django/Flask) или автоматизации тестирования. Путь более предсказуем и понятен.

Если у вас математический склад ума и нравится работать с цифрами - присмотритесь к Data Science и ML.

Если вам нравится работать с инфраструктурой, серверами и автоматизировать процессы - ваш путь DevOps.

Для быстрого решения практических задач (собрать данные, автоматировать рутину) - парсинг и написание скриптов.

Sticky-меню на CSS

Sticky-меню - это навигационная панель, которая остается видимой при прокрутке страницы, прилипая к верхней части окна браузера. Это удобно для пользователей, так как они всегда имеют доступ к основным разделам сайта. Мы реализуем это с помощью CSS-свойства position в значении sticky.

Читайте полную статью по ссылке:
https://code.mu/ru/markup/article/sticky-menu/

СЕГОДНЯ!
Бесплатный курс по Git для новичков.

Мы уже начали! Присоединяйтесь к нам:)

Для этого вступайте в следующий канал:
https://t.me/+EcXTs5I1dlk3Y2Uy

Верстаем карточку товара для интернет-магазина

Карточка товара - это основной элемент интерфейса интернет-магазина, который отображает ключевую информацию о продукте. В этой статье мы создадим адаптивную карточку, которая будет корректно отображаться на разных устройствах. Карточка будет включать изображение товара, название, цену, краткое описание и кнопку для добавления в корзину.

Читайте полную статью по ссылке:
https://code.mu/ru/markup/article/online-store-product-card/

Сделал справочник по таблицам
базы данных OpenCart

Полезная штука для тех, кто изучает OpenCart - читая данный справочник легко будет вникнуть в устройство базы данных.

Смотрите вот тут:
https://code.mu/ru/cms/opencart/manual/table/

Новый формат обучения!
Репетиторство по программированию.

Индивидуальные занятия онлайн.
Как проходят: мы созваниваемся с показом экрана и занимаемся по нужным вам темам. Я буду рассказывать вам теорию, а затем вы при мне будете отрабатывать ее на задачах, а затем закреплять через домашнее задание.

Можно проходить определенные курсы. В этом случае занятия по 1.5 часа в удобное вам время.
Доступные курсы: Верстка, JavaScript, PHP, Python, Laravel, React, Vue, Angular, Redux, NextJS, TypeScript, NodeJS, SQL, Git, Webpack, Парсинг, Хостинг. Практика на проектах.


Можно также созваниваться с различными проблемами, возникающих у вас в процессе обучения, либо с вашими личными или рабочими проектами. В этом случае вы оплачиваете за время созвона.


Стоимость: 20$ за 1.5 часа.

Чтобы начать обучение в таком формате,
напишите мне в личку @trepachev_dmitry.
Я отвечу на ваши вопросы, потестирую вас и составлю план занятий.

P.S.
Первым трем записавшимся - скидка 25% на первые 10 занятий:)

Бесплатный курс по JavaScript.
Начинать можно с любого уровня.
Начало: 1-го сентября.

Курсы проходят в формате "менторство": я выдаю учебник и задачник, вы читаете, задаете вопросы, решаете задачи и присылаете на проверку.

Для записи вступайте в следующий канал:
https://t.me/+Yo13zTskLJA3MWUy

Анимированный текстовый логотип

В этом уроке мы создадим анимированный логотип для сайта без картинок, чисто через современные CSS-эффекты.

Читайте полную статью по ссылке:
https://code.mu/ru/markup/article/cool-logo-with-effects/

Почему нужно использовать Git,
даже если вы работаете один?

Распространённое мнение: "Git нужен только командам для совместной работы". Это одно из самых вредных заблуждений для начинающего разработчика. Git - это не просто система для обмена кодом. Это фундаментальный инструмент управления процессом разработки, который критически важен и для одиночных проектов.

Вот почему вы должны использовать Git, даже если ваш единственный коллега - это вы сами.

1. Эксперименты с гарантией отката
Лучший способ обучения и поиска оптимальных решений - это эксперименты. Но что, если эксперимент зашёл в тупик и вы сломали работающий функционал?

Без Git: Вы будете часами вручную откатывать изменения, пытаясь вспомнить, что и где вы меняли, с риском усугубить ситуацию.

С Git: Перед экспериментом вы создаёте новую ветку (git checkout -b experiment/new-feature). Вносите любые, даже самые радикальные изменения. Если всё получилось - сливаете ветку в основную. Если эксперимент провалился - просто удаляете ветку и возвращаетесь к чистой, рабочей версии кода (git checkout main). Это даёт полную свободу для творчества без страха всё сломать.

2. Идеальный бэкап и синхронизация между устройствами
Жесткий диск не вечен. Ноутбук могут украсть. Вы можете работать за разными компьютерами - дома и в офисе.

Без Git: Вы рискуете потерять всё. Синхронизация через флешки или облачные папки чревата конфликтами версий и путаницей.

С Git: Удалённый репозиторий (на GitHub, GitLab или Bitbucket) является отличной резервной копией. Вы просто делаете git push, и ваш код сохранён на защищённом сервере. Чтобы продолжить работу на другом устройстве, достаточно выполнить git clone или git pull. Ваш код и вся история его изменений всегда с вами.

3. Детальный журнал изменений
Через месяц после реализации функционала вы обнаруживаете баг. Почему этот код был написан именно так? Какая была логика?

Без Git: Вы полагаетесь на свою память и комментарии в коде, которые часто остаются недописанными.

С Git: Вы используете git log и git blame. История коммитов с осмысленными сообщениями ("Исправлена ошибка расчёта скидки при нулевой цене", "Добавлена валидация email на стороне клиента") становится бесценным журналом проекта. Вы можете увидеть не только что было изменено, но и когда и зачем, вплоть до конкретных строк кода.

4. Структурный подход к разработке
Работа без контроля версий часто приводит к хаосу: код пишется без чёткого разделения на этапы, а папка проекта заполняется файлами project_final_3_real_v2.js.

С Git: Вы начинаете мыслить структурно. Каждая новая функция или исправление бага - это отдельная ветка или коммит с ясным сообщением. Вы учитесь дробить большую задачу на маленькие, атомарные этапы. Это дисциплинирует и делает процесс разработки более профессиональным и предсказуемым.

5. Основа для будущего роста
Ни один личный проект не застрахован от того, чтобы не превратиться в командный.

Без Git: Вам придётся срочно осваивать Git и пытаться прикрутить его к существующему проекту. Это неприятный процесс.

С Git: Ваш проект с первого дня уже готов к командной работе, и любой новый разработчик сможет легко и быстро подключиться к процессу.

---

Продолжается бесплатный курс
по Git для новичков.

Присоединяйтесь к нам здесь:
https://t.me/+EcXTs5I1dlk3Y2Uy

Как прижать футер к низу на CSS

Липкий футер - важный элемент веб-страницы, который должен оставаться внизу экрана независимо от количества контента. Рассмотрим три надежных способа реализации такого поведения с помощью CSS.

Читайте полную статью по ссылке:
https://code.mu/ru/markup/article/sticky-footer/

Аккордеон на чистом CSS

Аккордеон - это UI-компонент, который позволяет скрывать и показывать контент при клике на заголовок. Обычно для этого используют JavaScript, но мы реализуем функциональность только на CSS, используя чекбоксы и псевдоклассы.

Читайте полную статью по ссылке:
https://code.mu/ru/markup/article/accordion-pure-css/

Бесплатный тренинг по PHP:
"введение в escape-последовательности"

Начало: 4-го сентября.
Продолжительность: 7 дней

В PHP, как и во многих других языках программирования, есть специальные символы (escape-последовательности), которые используются в строках для представления непечатаемых символов или символов, которые сложно ввести напрямую. Например, символ \t для табуляции, символы \r и \n для переноса на новую строку.
В рамках данного тренинга вы сможете научиться нюансам работы с этими символами. Конечно, это навык требуется нечасто, но рано или поздно в своей работе вы столкнетесь с этими проблемами и вам нужно быть заранее подготовленными.

Тренинг проходит в формате "менторство": я выдаю учебник и задачник, вы читаете, задаете вопросы, решаете задачи и присылаете на проверку.

Для записи вступайте в следующий канал:
https://t.me/+ZczNfGsyzXVjNjhi

Кастомные чекбоксы на CSS

Стандартные чекбоксы часто выглядят скучно и не вписываются в дизайн сайта. С помощью CSS мы можем создать красивые кастомные чекбоксы, которые будут одинаково хорошо выглядеть во всех браузерах. В этой статье мы реализуем чекбокс с анимацией при переключении.

Читайте полную статью по ссылке:
https://code.mu/ru/markup/article/custom-checkbox/

Создание кастомных радиокнопок на CSS

Стандартные радиокнопки часто выглядят несовременно и плохо сочетаются с дизайном сайта. Используя CSS, мы можем создать красивые кастомные радиокнопки с анимацией переключения. В отличие от чекбоксов, радиокнопки позволяют выбрать только один вариант из группы.

Читайте полную статью по ссылке:
https://code.mu/ru/markup/article/custom-radio/

Кастомный select с анимацией выпадающего списка

Стандартные элементы select имеют ограниченные возможности стилизации, особенно в разных браузерах. Мы создадим кастомный select, который можно полностью стилизовать под дизайн сайта, с плавной анимацией раскрытия списка и возможностью выбора вариантов.

Читайте полную статью по ссылке:
https://code.mu/ru/markup/article/custom-select/

Бесплатный тренинг по PHP:
"работа с многострочностью"

Начало: 11-го сентября.
Продолжительность: 7 дней

В данном тренинге мы продолжим изучение escape-последовательностей и изучим особенности символов для переноса строки при работе в различных операционных системах, а также возможности PHP для работы с ними.

Тренинг проходит в формате "менторство": я выдаю учебник и задачник, вы читаете, задаете вопросы, решаете задачи и присылаете на проверку.

Для записи вступайте в следующий канал:
https://t.me/+cJqbRPNy_GJhZDQy