Frontender Libs - обзор библиотек JS / CSS

Зачем нужен сервис Location в Angular? Какое основное назначение сервиса Location в Angular? 👉 @sWebDev

Хотите работать с данными, но еще не слышали про телеграм-канал LEFT JOIN? Это вы зря! Быть в курсе трендов сферы, лучших инструментов для анализа, познавательных докладов и лекций по архитектуре данных, и даже быть в контексте аналитических мемов — значительный буст для входа в профессию. Итак, LEFT JOIN — это канал о технологиях и данных, в котором простым языком рассказывают про: 🔵 всемогущий язык SQL и работу с базами данных, 🔵 статистику, без которой, как говорится, «не жизнь», 🔵 полезные инструменты, которые заслуживают не меньшее внимание чем ChatGPT, 🔵 то, как нейросети могут облегчить работу аналитика данных. А еще у авторов сейчас выходит отдельная рубрика «Основы статистики» — серия полезных карточек с теорией и понятными примерами, например, про p-value. Если вы еще не видели первые пять выпусков — наверстывайте упущенное и... 🔜 Подписывайтесь на @leftjoin! Реклама. О рекламодателе erid:2VtzquhT6kG

Как React 18 улучшает производительность приложения React 18 представил конкурентные (concurrent) возможности, которые радикально меняют способ рендеринга приложений. В этой статье мы рассмотрим, как эти возможности улучшают производительность приложения. 👉 @sWebDev

HTML теперь в телеграм! HTML — самый популярный язык в мире. Именно на нем написаны все сайты. Начать свой путь в программировании проще всего с изучения HTML. Тем более теперь в телеграмме появился официальный русскоязычный канал. Это первоисточник всего, что появляется в платных курсах и остальных ресурсах. Стоит подписаться!

Taiga UI Библиотека компонентов пользовательского интерфейса для Angular, React и Vue.js. У Taiga UI множество полезных компонентов, а также инструменты для настройки и стилизации. Она отличается высокой производительностью и хорошей документацией. 👉 @sWebDev

Как улучшить производительность приложений Angular Полезные советы и стратегии для улучшения производительности веб-приложений, разрабатываемых на Angular. 👉 @sWebDev

Glass Card w/ SVG + GSAP Проект с анимированной банковской картой, выполненной на GSAP.js. 👉 @sWebDev

Нейросети — новая нефть А ключевая информация в IT - на вес золота. ➤ Создать сайт? Держите Framer — справится за пару секунд. ➤ Не можете принять решение? Pros-cons за секунды распишет все «за» и «против». ➤ Не хотите тратиться на врача? Med-PaLM 2 от Google поставит точный диагноз. Искусственному интеллекту под силу всё. Главное — знать где искать и грамотно использовать. Ссылки с инструкциями к ИИ. Лучшие из новых нейросетей. Революционные новости в IT. Всё для вас в одном канале — @tg_gpt

React, Visualized Интерактивное руководство по React. Если вы хотите полностью понять React, то важно погрузиться в контекст его появления. Проект будет особенно полезен начинающим разработчикам. 👉 @sWebDev

Лучшие практики для создания масштабируемого приложения Vue.js Руководство по созданию масштабируемых веб-приложений с использованием фреймворка Vue.js. В статье рассматриваются различные аспекты разработки, начиная с организации проекта и заканчивая управлением состоянием с помощью Vuex. 👉 @sWebDev

GSAP ANIMATION PIZZA LANDING PAGE Анимированная сборка пиццы при скролле, выполненная на GSAP.js. 👉 @sWebDev

Полезные практики React в 2023 году. Часть 1 1.Создание новой базовой структуры приложения React. Для соблюдения лучших практик в React необходимо создать структуру проекта, которая будет соответствовать его размеру. Для этого можно использовать команду NPM create-react-app. Следующие шаги могут помочь при определении архитектуры: 1) Макет папок: рекомендуется ориентироваться на компоненты и группировать файлы компонентов (такие как тесты, CSS, JavaScript и ресурсы) в одной папке:

   Components
   |
   --Login
   |
   --tests--
   --Login.test.js
   --Login.jsx
   --Login.scss
   --LoginAPI.js

2) Группировка файлов по типу: можно также рассматривать группировку файлов по типам, чтобы облегчить организацию:

  APIs
  |
   --LoginAPI
   --ProfileAPI
   --UserAPI
   Components
   |
   --Login.jsx
   --Login.test.js
   --Profile.jsx
   --Profile.test.js
   --User.jsx

👉 @sWebDev

Джентельменский набор трушного фронтендера Опытные Frontend-разработчики собрали самые востребованные и бесплатные каналы, без которых не обойдется ни один настоящий фронтендер. Макеты для верстки — самый крупный канал с макетами для верстки. Первоисточник всех макетов в Telegram. Полезная вËрстка — канал с готовыми решениями повседневных задач: слайдеры, анимация, навигация и т.д. JavaScript заметки — образовательный канал с ежедневными практическими заметками по языку. codepen.js — готовые коды: реализованные на css и js анимации, скрипты и интерфейсы. Оживи статичные макеты Figma Start — каждый день выпускаем крутые макеты для верстки. Выбери самый интересный и удиви рекрутеров! Развивайся с нами, ведь так проще!

Jumping Gooey Navigation Анимированная навигационная панель, выполненная на Gsap.js. 👉 @sWebDev

Как создать собственный интерполятор в Angular? В основном используется стандартный интерполятор шаблона {{}} для отображения свойств компонента Angular. Но мы можем изменить интерполятор на свой. Как это можно сделать? 👉 @sWebDev

Solid.js vs Svelte: битва принципов В материале сравнение между двумя современными JavaScript-библиотеками для создания пользовательских интерфейсов - Solid.js и Svelte. Автор выделяет ключевые аспекты каждой библиотеки и помогает разработчикам определить наиболее подходящий инструмент для ваших целей. 👉 @sWebDev

Чтобы вырасти в уверенного мидла, нужно хотя бы 1,5—2 года коммерческих проектов. Но процесс можно ускорить, если освоить новые технологии и отточить софты в условиях, близких к реальной работе. Это не заменит рабочей практики, но поможет собрать базу, набраться уверенности и проверить себя. Прокачать нужные мидлу навыки, чтобы расти в карьере на скорости х2, можно на курсе Яндекс Практикума. Изучать теорию предстоит сразу на на командных проектах. 1. Разработка мессенджера Будете использовать только JavaScript, Typescript, CSS и API браузера, чтобы углубить знания основных инструментов. 2. Создание веб-игры с нуля Продумаете макеты и логику, реализуете клиентскую часть и бэкенд, задеплоите в облако. Лучше разберётесь в смежных сферах — алгоритмах, DevOps и других. Работая в команде, вы научитесь декомпозировать задачи, распределять время и брать на себя ответственность. А помогать вам и ревьюить код будут менторы — синьор-разработчики из крупных компаний. → Начать учиться

ngx-spinner Библиотека загрузки для Angular, которая обеспечивает анимированный спиннер во время загрузки данных или выполнения операций. Библиотека поддерживает настраиваемые анимации, стили и позволяет интегрировать индикатор загрузки в приложения Angular с минимальными усилиями. 👉 @sWebDev

Топ 8 инструментов для разработки на Angular в 2023 году Восемь важных инструментов для разработки на Angular в 2023 году. Обзор популярных средств и ресурсов, которые помогут улучшить процесс разработки ваших приложений. 👉 @sWebDev