Подборка: Изучаем Git

Git — это распределённая система управления версиями, которую изначально создал Линус Торвальдс. Она позволяет отслеживать и вести историю изменений файлов: откатить свой проект до более старой версии, сравнивать, анализировать или сливать свои изменения в репозиторий.

Делимся шпаргалкой и подборкой полезных материалов по теме:
— Как выучить Git с нуля и где продолжить изучение? В этой подборке вы найдёте всё для уверенного старта в Git с нуля
— Введение в Git — от установки до основных команд
— Learn Git Branching — это интерактивный учебник по Git, направленный на закрепление теории прохождением наглядной практики

#git #шпаргалки

​Создание и деплой полнофункционального приложения для обмена сообщениями в чате

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

Все подробности в видео:

https://www.youtube.com/watch?v=MJzbJQLGehs

#фронтенд #бэкенд #видео

​Адаптивный тёмный режим на основе настроек ОС

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

В этом руководстве вы изучите все шаги для достижения этого:

https://1stwebdesigner.com/implementing-adaptive-dark-mode-based-on-users-os-settings-a-step-by-step-guide/

#фронтенд

Вообще всё тело сразу расслабляется

​Возможности JavaScript и TypeScript последних лет

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

Подробнее:

https://my-js.org/blog/js-ts-features/

#javascript #typescript

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

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

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

#js #web

​Готовимся к собеседованию на фронтенд-разработчика: подборка лучших ресурсов

— Разбор 30 самых популярных вопросов с собеседованиий.

— Серия роликов, в которых разбираются вопросы с собеседований на должность Junior- или Middle-разработчика. Эдакая шпаргалка, которая поможет подтянуть знания и зарыть пробелы. Всего 28 видео в среднем по 15 минут.

— Вопросы по HTML и смежным темам с ответами. Оригинальный репозиторий на гитхабе с 35k+ звёзд и перевод на русский.

— Репозиторий с 43k+ звезд, который отлично подойдёт для проверки знаний по JavaScript и подготовки к собеседованию. В нём собрано огромное количество тестовых вопросов по JS с вариантами ответов и подробными объяснениями.

#фронтенд #собеседование #javascript #html #веб

​Как работает режим strict в JavaScript

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

Один из способов добиться этого — использовать «строгий режим» JavaScript, или режим Strict. В этой статье мы рассказали об особенностях этого режима:

https://tproger.ru/articles/ponimanie-strogogo-rezhima-javascript/

#javascript

​Рисуем верёвку в формате SVG при помощи JavaScript

Нашли для вас очень необычный кейс. Автор статьи создал инструмент, который превращает простую линию в векторный рисунок верёвки. Вам достаточно задать путь SVG-контура, а JS сам «нарастит» на него рисунок. Останется только выбрать цвет и толщину верёвки.

Здесь находится не только пошаговый обзор этого алгоритма, но и готовое демо, а также код проекта:

https://habr.com/ru/companies/nmg/articles/719822/

#svg #javascript

Разработка одностраничного приложения с помощью Flask и Vue.js

Ловите пошаговое руководство по настройке базового CRUD-приложения с помощью Vue и Flask. Здесь вы начнёте с создания каркасов нового приложения Vue, а затем перейдёте к выполнению основных операций CRUD с помощью внутреннего RESTful API, работающего на Python и Flask.

К концу работы над проектом вы научитесь работать с Flask, Vue, RESTful API, подключать фронтенд к бэкенду, использовать маршрутизацию и многое другое. Начинаем здесь:

https://testdriven.io/blog/developing-a-single-page-app-with-flask-and-vuejs/

#flask #vue #spa

​Основные команды SQL, которые должен знать каждый программист

Собрали в одном месте 20+ самых популярных SQL-команд, элементов запроса, агрегатных функций и вложенных подзапросов с примерами использования: https://tproger.ru/translations/sql-recap/

#sql

​Muuri — продвинутые интерактивные макеты для ваших веб-страниц

Сегодня можно создавать довольно сложные макеты без единой строки JavaScript. Но иногда CSS просто недостаточно, тогда здесь появляется Muuri. По сути, Muuri — это движок для создания макетов, который ограничен только вашим воображением.

Он создает адаптивные, сортируемые, фильтруемые и перетаскиваемые макеты. Подробнее об инструменте:

https://muuri.dev/

#инструменты #фронтенд

Userstory как способ поиска ошибок в интерфейсе

При разработке UI не избежать ошибок. Обычно они выявляются и устраняются с помощью тестов. Но сегодня речь пойдёт о способе, который поможет найти ошибки ещё на стадии проектирования интерфейса.

В этой статье вы узнаете о том, как предусмотреть многие сложности с помощью простых правил и Figma:

https://tprg.ru/rj07

​Turbopack: преемник webpack на основе Rust

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

Долгое время чуть ли не стандартом являлся webpack, но сегодня появляются более современные решения. Одним из таких является Turbopack, написанный на Rust. Подробнее о нём:

https://blog.logrocket.com/introducing-turbopack-rust-based-successor-webpack/

#rust #turbopack

​Генератор градиентного фона

Хотите создавать действительно крутой градиент, а не полоски из 2-3 цветов? Тогда присмотритесь к Mesher — инструменту, который позволяет создавать очень сложные комбинации цветов, смешивая их так, как нужно именно вам.

Убедитесь сами:

https://csshero.org/mesher/

#инструменты #фронтенд

Немного уличной магии