СЕГОДНЯ!
Бесплатный курс по 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

Бесконечная анимация CSS градиентов

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

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

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

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

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

3D-куб на чистом CSS

В этом руководстве мы создадим полностью функциональный 3D-куб, используя только HTML и CSS. Для этого мы воспользуемся CSS-свойствами transform и perspective, которые позволяют создавать трехмерные эффекты без JavaScript.

https://code.mu/ru/markup/article/cube-pure-css/