​Нужно больше тренажёров по Flexbox!

Вот этот, например, сделан в сеттинге зомби-апокалипсиса:

https://t.iss.one/prog_point/2198

​Держите подборку сборщиков модулей для приложений Node.js

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

https://tproger.ru/articles/5-razlichnyh-instrumentov-dlya-obedineniya-prilozhenij-node-js/

#js #web

3D DOM viewer — скрипт для визуализации сайта в 3D

Просто копируете код и вставляете его в консоль. Вуаля, красота!

Стоимость: #бесплатно

@prog_tools #web #fun

Всё о CSS Grid за 13 минут

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

Также использование CSS Grid помогает сократить количество кода, улучшить читаемость стилей и сделать макеты более предсказуемыми и контролируемыми.

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

https://youtu.be/MEOR2b69Pl4?si=Jk6MQxo7VHO-VP_v

@prog_point #web #frontend #css

​​Учим React за месяц

React — это крутая JavaScript-библиотека, которую используют для создания сайтов, мобильных приложений и даже игр.

Если давно в планах есть изучение React, но растягивать процесс не хочется, то начните с 30DaysOfReact — это учебник, который подойдет как новичкам, так и опытным разработчикам. Там можно найти задачи, темы и материалы для ежедневного изучения.

@prog_point #web #frontend #react

Небольшие, но понятные уроки по Django

Django — популярный фреймворк на Python для веб-разработки. Он предлагает высокую безопасность, уменьшает время на разработку проектов, даёт хорошую производительность и сравнительно лёгок в обучении. Однако некоторые новички считают, что Django усложняет разработку.

Но всё зависит от подхода к его изучению. Если хотите, чтоб учиться было легко, то вот парочка вводных уроков для самых начинающих:

1. Понять Django. Пишем "Hello world"
2. Работа с моделями и БД
3. Подключение фронтенда

@prog_tools #python #django #web

Интерактивная дорожная карта веб-разработки

Всё просто и понятно. В ней удобно сгруппированы все необходимые знания и навыки для веб-стека. К каждому элементу прикреплены ссылки на полезные ресурсы. Тем много, каждый найдёт интересное под себя: общая базовая теория, веб-компоненты, PWA, полезные инструменты, тестирование, UI/UX и многое другое.

Забрать это чудо тут

@prog_point #web

Постоянно путаетесь в кодах HTTP-ответов?

Не удивительно — этих кодов много и помнить их всех трудно, да и не всегда необходимо.

Именно на случай такой забывчивости будет удобно держать под рукой эту короткую шпаргалку по статус кодам.

#шпаргалка #web

Комплексная интерактивная шпаргалка для веб-разработчика

Сайт содержит в себе шпаргалки по: HTML+CSS+JS, PHP, jQuery и SEO. Все разбито на категории, наглядно проиллюстрировано.

Ссылка на шпаргалку

#шпаргалка #web

Курс: фулстек-разработка веб-сервиса

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

Этот курс — настоящая энциклопедия по созданию веб-сервисов: от дизайна и форм до логирования, базы данных и отправки писем. Всё на TypeScript, всё с нуля, всё по делу. За кулисами — полный стек, чистый код и никакой воды.

#курс #web #fullstack #ru