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

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

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

@prog_point #web

Наконец понятное объяснение HTTP-кодов

На этом ресурсе можно изучить все состояния HTTP на мемах с котиками. В каждом даётся простое описание статуса и объясняющий демотиватор.

Разумеется, вы можете забрать эти мемы к себе на сайт и показывать их пользователям вместо скучных 404 и 301.

Мяу-мяу прямо тут: http.cat

@prog_point #web #meta

NPM для новичков — что такое и зачем это знать?

NPM (Node Package Manager) — это инструмент для управления пакетами в JavaScript. Он помогает разработчикам легко находить, устанавливать и обновлять библиотеки и инструменты, необходимые для создания приложений.

Представьте себе большой магазин, где есть много полезных модулей, которые можно добавить в ваш проект, чтобы не писать весь код с нуля — это и есть NPM. Он нужен всем, кто работает с JavaScript, особенно если используется платформа Node.js.

В этом ролике автор познакомит вас с NPM, расскажет про его установку, базовые команды и структуру. Этого уже хватит, чтобы начать пользоваться инструментом.

@prog_point #web #javascript

Быстрый курс по Node.js для начинающих

Первая отрасль, приходящая на ум, когда говорим о JavaScript — это фронтенд. Но с таким же успехом его можно использовать и на бэкенде, т.е. писать серверную часть. Для этого понадобится специальный инструмент, о котором уже могли слышать — Node.js.

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

Держите ролик, в котором автор за час рассказывают всю базу по node.js. После неё вы сможете создавать свои первые сервера и переходить к более сложным темам:

https://youtu.be/3aGSqasVPsI?si=qBs0ERgcGd_YWy8O

@prog_point #web #backend #nodejs #javascript

​​Большая подборка бесплатных учебных материалов для фулстека

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

В этой подборке вы найдёте бесплатные курсы по вёрстке, JavaScript, JS-фреймворкам, Node.js, PHP, базам данных, Docker и другим важным технологиям.

@prog_point #web #frontend #backend

Бесплатный курс по TypeScript для начинающих

В современной разработке TypeScript не просто занял прочное место, но и во многих местах заменил собой JavaScript. Знание TypeScript стало необходимым знанием любого разработчика, который работает либо с Node.js, либо с браузером. Этот язык используется для создания интерактивных веб-страниц, мобильных приложений, в серверной разработке. 

Ловите бесплатный курс по TS, который с самых азов познакомит вас с программированием, общими концепциями и особенностями языка. А в комплекте вы получите возможность попрактиковаться прямо в браузере.

@prog_point #web #typescript

​​Создаём собственное расширение для Chrome

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

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

Желательно знать HTML, CSS и JS на самом базовом уровне, чтобы понимать материал лучше. Но, в любом случае, объяснения кода тоже есть.

@prog_point #web

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

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

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

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

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

@prog_point #web #frontend #css

Видеокурс по Frontend-разработке

Фронтенд — это всё, что видит пользователь на сайте: интерфейс, кнопки, формы. HTML, CSS и JavaScript помогают превращать дизайн в работающий и живой сайт.

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

Ссылка на курс

@prog_point #web #frontend