Новые статьи

3 универсальных промпта для AI для стиля кода

Хороший стиль кода — это не просто аккуратное форматирование, а способ мыслить и писать так, чтобы твой код был понятен и тебе, и команде. С помощью ChatGPT (или другой нейронки) можно быстро задавать тон будущим проектам, формировать собственные “кодовые стандарты”…

Семантические классы > BEM

На протяжении многих лет я использовал BEM-подобный подход для написания CSS. Но я решил пойти другим путём — использовать семантические классы. В итоге получилось гораздо меньше CSS, а писать его стало проще и предсказуемее. Сегодня я хочу быстро рассказать, как…

Livecoding #4: верстка макета из Figma (HTML, CSS, Bootstrap 4)

Привет! Ссылка на макет в фигме: https://www.figma.com/community/file/1029253733524328378 Есть интересный макет в Figma для верстки? Скидывай, разберем! GitHub: https://github.com/Aleksandr175/landing-remind-me-app/tree/4-mobile-styles

Livecoding #3: верстка макета из Figma (HTML, CSS, Bootstrap 4)

Привет! Ссылка на макет в фигме: https://www.figma.com/community/file/1029253733524328378 Есть интересный макет в Figma для верстки? Скидывай, разберем! GitHub: https://github.com/Aleksandr175/landing-remind-me-app/tree/3-slider

Livecoding #2: верстка макета из Figma (HTML, CSS, Bootstrap 4)

Привет! Ссылка на макет в фигме: https://www.figma.com/community/file/1029253733524328378 Есть интересный макет в Figma для верстки? Скидывай, разберем! GitHub: https://github.com/Aleksandr175/landing-remind-me-app/tree/2-main-screen-advantages

Livecoding #1: верстка макета из Figma (HTML, CSS, Bootstrap 4)

Привет! Стартую новую рубрику: livecoding макетов из фигмы. Здесь я буду показывать, как я верстаю, как я принимаю решения о том, как сделать тот или иной элемент на странице и в целом показываю, как я работаю с версткой, с чего…

Бразуерная онлайн игра Warships #1: обзор инструментов, установка Laravel, React JS, TypeScript

Всем привет! Начинаю новый проект, в котором пробую сделать небольшую браузерную игру. Первое видео обзорное, немного сумбурное, пройдемся по инструментам, которые я буду использовать. Проект на Github тут: https://github.com/Aleksandr175/warships/tree/1-auth-test Несколько ссылок для установку нужного: NodeJS https://nodejs.org PHP https://formulae.brew.sh/formula/php Composer https://getcomposer.org/download/…

Установка и настройка React + NodeJS

Привет! В этом видео я покажу, как установить React и NodeJS, и как обратиться к node js, чтобы получить данные. Приятного просмотра! GitHub: https://github.com/Aleksandr175/reactAndNodejs

Разработка игры на React JS #16: Банковские вклады / Game development React JS

Всем привет! В прошлом видео мы добавили налоги на продажу товаров, а так же наполнили массивы данных для городов. В этом видео мы реализуем новые блок: банковские вклады, а так же в конце видео сделаем небольшой рефакторинг и вынесем некоторые…

Разработка игры на React JS #15: Налоги с продажи товаров / Game development React JS

Всем привет! В прошлом видео мы исправили пару багов, удалили товары с нулевым количеством и сделали получение перевозимых товаров. В этом видео мы добавим налоги на продажи товаров, а так же наполним массивы данных для городов, чтобы уже полноценно можно…