Создание сайта для бронирования путешествий с помощью Next.js, Tailwind CSS, стилизованных компонентов, Stripe и Auth0

Автор этой статьи, вдохновившись Airbnb и желая проверить свои навыки, создал веб-сайт для бронирования путешествий, который назвал rozbnb. Для фронтенда он использовал Next.js, Tailwind CSS и стилизованные компоненты, для аутентификации Auth0, для проведения платежей Stripe, а для показа местоположения объекта на карте MapBox.

Он рассказал почему выбрал именно эти инструменты, поделился ссылкой на свой сайт и его репозиторий здесь:

https://tprg.ru/dbDe

​Как Kubernetes повышает ценность ИТ-навыков

На нашем сайте появилась статья, где автор поделился своим мнением о влиянии Kubernetes на ИТ-сферу в целом и на специалистов в области ИТ в частности.

Подробнее:

https://tprg.ru/zZYP

#kubernetes

​44 бесплатных ресурса для веб-разработчика

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

Здесь вы найдёте и онлайн-редакторы, и фотобазы, и шрифты, и многое другое:

https://tprg.ru/Hadh

​Чистая архитектура во фронтенде

Этот весьма полезный лонгрид является конспектом большого доклада, посвящённого чистой архитектуре во фронтенде. Если вы не знаете, что такое чистая архитектура — не беда, здесь объяснят это, а также как это выражается непосредственно во фронтенде.

Для наглядности будет реализован магазин печенек с использованием этой архитектуры.

https://tprg.ru/zmOd

#фронтенд

​Наследование в JavaScript: основные правила

В любом языке, предполагающем ООП, наследование является важной темой.

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

https://tprg.ru/nPyU

#javascript

​Чекните крутую вакансию фронтенд-разработчика на Vue.js

https://tprg.ru/Ewl2

Основная задача — разработка Web Live Broadcast платформы 20 часов в неделю или же full-time. Послужной список ребят, нужный стек и зарплата — всё лежит внутри (и даже фотки с рабочих мероприятий).

Быстрый отклик и личная беседа: https://tprg.ru/Ewl2

#вакансия

​Почему гиперссылки синие?

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

В этой статье окунулись в историю развития браузеров и интернета, чтобы ответить на этот вопрос:

https://tprg.ru/KPml

​Интерактивное руководство по анимации в CSS

Подробное и понятное руководство по созданию анимации в CSS с помощью @keyframes. Здесь на многочисленных примерах вам покажут, как работать с @keyframes и какие возможности он предоставляет:

https://tprg.ru/lqWA

#css

Библиотека ContentTools

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

Подробнее о библиотеке и установке:

https://tprg.ru/cLYC

#библиотека

Инструменты в повседневной работе JavaScript-разработчика

У нас на сайте появился полезный список инструментов, которые пригодятся многим JavaScript-разработчикам. Подробнее:

https://tprg.ru/vW7b

А чем бы вы дополнили список? Делитесь в комментариях.

​Полный контроль с VirtualKeyboard API

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

Как выжать из виртуальной клавиатуры максимум с помощью VirtualKeyboard API и не создать проблем, расскажут в этой статье:

https://tprg.ru/bHi3

​Tailwind за 100 секунд

Что такое Tailwind, зачем он нужен и как применяется — за 100 секунд расскажет это видео:

https://tprg.ru/opGH

#видео #tailwind

Никогда не знаешь, что может пригодиться

​Расширение для просмотра компоновки сайта

Instant Wireframe — это расширение для Google Chrome, которое покажет вам, как именно скомпонованы блоки на сайте. Это пригодится дизайнерам, а также начинающим фронтенд-разработчикам.

Скачать можно тут:

https://tprg.ru/1snb

#фронтенд

​API для фронтенд-разработки

Подборка различных API, которые пригодятся начинающим разработчикам проявить свои способности и сделать что-то необычное. Здесь вы найдёте API для самых разных задач:

https://tprg.ru/PkmG

#фронтенд

​Empire of Code — изучение JavaScript и Python с помощью игры

В игре вам нужно выбрать одну из сторон — JS или Python-разработчиков. После небольшого обучения вы сможете построить свою базу, собрать войска и сразиться с соперником в режиме стратегии.

Так, вы не только сможете изучить язык программирования, но и весело проведёте время.

Попробовать можно тут:

https://empireofcode.com/

Lottie for Web

С помощью библиотеки Lottie вы сможете экспортировать анимацию из Adobe After Effects прямо на ваш сайт без каких-либо сложностей.

Воспользоваться можно бесплатно, вот ссылка на репозиторий:

https://tprg.ru/bTBz

#библиотека

А какой ваш любимый ЯП — HTML или CSS?

​Как отменить последний коммит

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

https://tprg.ru/tAzs

#git

Библиотека React-Motion

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

Подробнее:

https://tprg.ru/srIi

#библиотека