​​Видео: топ-12 репозиториев для веб-разработчика

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

В этом видео рассказывают о нескольких репозиториях, которые должны вам пригодится. Это справочники, библиотеки, различные коллекции и так далее. Среди репозиториев вы найдёте DevYouTubeList, Front-End-Checklist, build-your-own-x, Dopefolio и другие.

Приятного просмотра: https://www.youtube.com/watch?v=sZrp8gH84qM

#инстурменты

​​Изучаем SQL в формате игры: SQL Murder Mystery

Детективная игра на знание SQL, с которой можно освежить в памяти основы SQL и интересно провести досуг. Примерьте на себя роль детектива, выясняя обстоятельства с помощью SQL-запросов:

https://mystery.knightlab.com/

#sql

​Верстальщик доказывает дизайнеру, что вёрстка сделана точь в точь по макету:

​​На каком языке писать сайт в 2024 году?

Сергей Немчинский обсуждает выбор технологий для создания сайта в 2024 году. Он рассматривает фронтенд и бэкенд технологии, включая JavaScript, React, Angular, Vue, PHP, Laravel, Python, Django, Ruby on Rails, Node.js, Java и C#: https://tproger.ru/articles/na-kakom-yazyke-pisat-sajt-v-2024-godu

#тренды

​​​​SQL-индексы за 10 минут

Канал Listen IT рассказал о суперсиле индексов для оптимизации SQL-запросов. Индексация позволяет ускорить выполнение запросов к базам данных: https://tproger.ru/articles/sql-indeksy-za-10-minut

#sql

​​Когда твой проект не работает без костыля:

​​Какими знаниями должен обладать JavaScript-разработчик в 2024 году?

Выяснили у опытных разработчиков на JavaScript, что должны учить начинающие программисты в 2024 году, чтобы быть востребованными специалистами: https://tproger.ru/articles/znaniya--kotorymi-dolzhen-obladat-javasript-razrabotchik-v-2024-godu--eto---baza

#javascript #начинающим

​​Гигантскую библиотеку CSS-анимаций заказывали?

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

Берите на заметку.

#css #инструменты

​Ничего необычного, просто реализация времени в виде циферблата наручных часов в формате кода с помощью CSS и JavaScript.

Smart watch — Clock object: https://codepen.io/MarkBoots/pen/zYbjaoR

#codepen

​​Состоялся релиз Tempo — библиотеки для работы с датами в JavaScript и TypeScript

Разработчики фреймворка FormKit для создания форм на Vue опубликовали код библиотеки Tempo, предназначенной для работы с датой и временем в JavaScript и TypeScript. Команда проекта акцентировала внимание на простоте использования и минимальном размере.

При создании разработчики вдохновлялись moment.js, day.js и date-fns, но начали проект с нуля, чтобы итоговая библиотека отвечала всем требованиям команды. В коде Tempo используются возможности Intl.DateTimeFormat для извлечения сложных типов данных, к которым относятся форматы дат и смещения часовых поясов:

import { format, parse } from "@formkit/tempo"

const readable = format(new Date(), "full")
// понедельник, 19 февр. 2024 г.

parse(readable, "full")
// Date: 2024-02-18T21:00:00.000Z

Библиотека реализована на языке TypeScript. Установить Tempo можно с помощью пакетных менеджеров pnpm, npm, yarn и bun, а у проекта на гитхабе уже больше 1,2 тыс. звёзд: https://github.com/formkit/tempo

#инструменты #javascript #typescript

*неловкая пауза*




HR: Вы приняты

​​​Создаём калькулятор на чистом HTML и CSS

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

https://blog.scottlogic.com/2022/01/20/noJS-making-a-calculator-in-pure-css-html.html

#html #css

​​Все профессии нужны, все профессии важны

​Когда твоя девушка фронтендер

​​9 главных трендов в разработке фронтенда

Рост популярности TypeScript, PWA, микрофронтендов, использование ИИ на всех этапах разработки и другие тренды 2024 года — в статье: https://proglib.io/p/9-glavnyh-trendov-v-razrabotke-frontenda-v-2024-godu-2024-01-16

#фронтенд #тренды

​​Figma закрыла Dev Mode: пути обхода и их краткий обзор

В июне 2023 года Figma выпустила масштабное обновление: появился режим разработки Dev Mode. Эта функция обеспечивает плавный переход от дизайна к разработке. Такое новшество сразу же пришлось по душе многим.

Однако совсем недавно пропала возможность пользоваться режимом бесплатно. Как быть и какие есть альтернативы — рассказали в статье: https://habr.com/ru/companies/selectel/articles/795621/

#дизайн #figma

​​Если вам были нужны встраиваемые комментарии для сайта, то вот отличный проект на React — Replyke

Replyke — бесплатный, готовый к использованию компонент комментариев, который легко настраивается и интегрируется с существующими React-проектами. Сами комментарии подключаются по системе Plug’n’Play, а настроить их можно прямо на веб-сайте проекта.

#react #инструменты

​​ИИ победил: GitHub Copilot уже может имитировать разработчика уровня сеньор

​Интересных codepen-проектов пост: Solar system — анимация описания планет солнечной системы. Проект реализован с помощью CSS и JavaScript.

Исходники: https://codepen.io/DeyJordan/pen/NWOoEOg

#codepen

​​Если пропустили, тут Максим Дунин, один из ключевых разработчиков Nginx, форкнул проект, чтобы развивать его независимо как freenginx!

Nginx — веб-сервер, который работает под капотом подавляющего большинства сайтов и веб-сервисов. Это разработка российского инженера Игоря Сысоева. 4 года назад её купил американский F5, но в 2022 году московский офис компании закрыли, а Максим как один из основных разработчиков, остался в России и работал над проектом как волонтер.

Но сейчас Максим решил развивать проект самостоятельно после того, как у него возникли разногласия с компаниией F5. По его словам, недавно в F5 появилось несколько новых нетехнических менеджеров, которые решили, что они лучше знают, как запускать проекты с открытым исходным кодом.

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

Пока что ничего менять не нужно, nginx, скорее всего, будет развиваться так же, как и раньше. А вот за проектом Максима понаблюдать интересно: https://freenginx.org/pipermail/nginx/2024-February/000007.html

#nginx