Technical Writing for Developers

https://css-tricks.com/technical-writing-for-developers/

👉 @frontend_1

31 марта МТС собирает крупнейшую в России IT-конференцию TRUE TECH DAY. Почему сейчас? Потому что давно пора показать, что скрывают «под капотом» топовые продукты продвинутых технологичных компаний. Каждый участник конференции протестит на себе true-технологии и испытает новые впечатления, меняющие мир пользователей.

Что будет:
→ 7 треков: AI, Main Track, Big Data, Architecture, Cybersecurity, Leading Change, Product Manager.
→ 50+ мировых спикеров с топовыми темами без воды и лирики
→ 10 часов нетворкинга и обмена опытом в Москве, Дубае, Тбилиси и Астане
→ много интерактивных и цифровых зон
→ а после — грандиозная вечеринка со звездным лайн-апом

Все спикеры и темы уже на сайте.
Регистрируйся на True Tech Day по ссылке.
Участие бесплатно

TypeScript

Подробное Руководство
Книга и документация в одном (2022)

👉 @frontend_1

Паттерны проектирования JavaScript

https://stackblitz.com/@lydiahallie/collections/javascript-patterns

👉 @frontend_1

Webpack + CSS Modules + TS = Love

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

Представим, что мы разрабатываем компонент Button. Использовать "чистый" CSS опасно, потому что есть риск, что кто-то ещё в вашем проекте (или ещё хуже — в подключенной библиотеке) использует то же имя класса:

/* Button.css */

.button {
color: #f00;
padding: 10px;
font-size: 18px;
}

/* node_modules/some_lib/styles.css */

.button {
color: #0f0;
}

// Button.tsx

import { FC } from "react";
import "./Button.module.css";
import "some_lib/styles.css";

export const Button: FC = (props) => {
// Какого цвета будет кнопка остаётся только гадать
return <button {...props} className="button" />;
};


https://habr.com/ru/post/688844/

👉 @frontend_1

Визуализация алгоритмов сортировки

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

👉 @frontend_1

React.js: Документальный фильм

React - это одна из самых популярных библиотек, используемых сегодня. Учитывая, что она была создана в таком гиганте, как Facebook, можно предположить, что она всегда была обречена на успех.

А что если мы скажем вам, что первое знакомство React с публичной сферой было совсем не гламурным? Документальный фильм React.js: The Documentary расскажет вам полную историю ранних дней React, сосредоточившись на преданной группе разработчиков, которые помогли вывести его на мировую арену. Эту историю рассказывает звездный состав разработчиков, таких как Том Оккино, Кристофер Чедо, Пит Хант, Себастьян Маркбоге, Дэн Абрамов и многие другие.

Загляните на сайт cult.honeypot.io, где собраны нерассказанные истории разработчиков, связанные с открытым исходным кодом, карьерой и другими интересными вещами, которыми занимаются разработчики.

Honeypot - это платформа для трудоустройства разработчиков, цель которой - обеспечить разработчиков отличной работой. Хотите увидеть, что мы собой представляем? Посетите сайт honeypot.io, чтобы найти работу по душе.

источник

✍️ @React_lib

Интерактивный учебник по использованию дженериков в TypeScript

https://github.com/total-typescript/typescript-generics-workshop

👉 @frontend_1

Рассказываем о пользе и вреде FullStack-фреймворков на примере Meteor.js

Коротко расскажу о том, как я вообще пришел к Node.js.

В начале пути, около 8 лет назад, я писал на C++, Ruby, немного на Python и еще нескольких языках. Конечно же, был в моей жизни и frontend. В JavaScript я заметил интересную особенность, которую до этого видел только у Qt — можно не опрашивать что-либо в цикле и не ждать выполнения системного вызова, а подписаться на событие и, когда оно произойдет, выполнить некоторые действия.

Чуть позже я услышу термин «реактивное программирование» и, спустя еще некоторое время, свяжу это с миром JS — мне покажется, что за этим будущее. Потом я узнаю о Node.js, перестану плеваться от асинхронных операций (в этом изрядно помогут промисы и async/await). И вот я здесь.

https://habr.com/ru/company/ncloudtech/blog/690464/

👉 @frontend_1

Открыта регистрация на серию митапов для начинающих разработчиков Intern Meetup Week в Яндексе с 17 по 20 апреля🎉

18 апреля состоится митап для направления Frontend. Будет доступен офлайн и онлайн формат.

Регистрация по ссылке: https://clck.ru/33qVyG

При отборе на митап у вас есть шанс получить приглашение на пробное собеседование на стажировку в Яндекс 🔥

В программе лекции экспертов о технологиях, общение с руководителями команд и рекрутерами, нетворкинг и подарки.

📆Когда: 18 апреля 18:00 - 21:30, сбор гостей с 17:30
🌐Где: офис Яндекса, ул. Льва Толстого, 16, м.Парк Культуры и трансляция онлайн

Все подробности и регистрация по ссылке: https://clck.ru/33qVyG

А чтобы быть в курсе всех новостей Young&&Yandex, подписывайтесь на чат-бот.

VK поддержит разработчиков мини-приложений облачными ресурсами.

Разработчики мини-приложений на платформе VK Mini Apps получили доступ к программе поддержки VK Cloud. Каждому участнику программы будет ежемесячно начисляться бонус в 2500 рублей на счет в личном кабинете, которые он сможет потратить на облачные сервисы.

Всего в VK Cloud доступно около 30 инфраструктурных и платформенных сервисов, а также современные инструменты для разработки отказоустойчивых приложений.

Программа действует до конца 2023 года. Для участия необходимо создать учетную запись на платформе VK Cloud и заполнить специальную форму, указав ID проекта. Более подробная информация доступна по ссылке.

👉 @frontend_1

Стили заголовков в CSS: картинки, тени, анимации

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

У сайта есть примерно 500 миллисекунд (0,05 секунды), чтобы произвести впечатление, поэтому давайте узнаем, как их использовать!

https://blog.logrocket.com/five-cool-css-header-styles-with-cross-browser-compatibility/

👉 @frontend_1

Как легко управлять зависимостями в JS Monorepo

Управление зависимостями в JavaScript monorepo значительно упрощается с помощью pnpm и Bit.

Управление зависимостями в JavaScript - это боль номер 1 для разработчиков согласно опросу 2021 года "State of JS". В этом нет ничего удивительного. Недалеко от него, на втором месте, идет архитектура кода.

https://blog.bitsrc.io/how-to-easily-manage-dependencies-in-a-js-monorepo-6216bd6621ea

👉 @frontend_1

Если вы хотите учиться разработке глубоко и системно, приходите в Хекслет! Сейчас открыт набор на онлайн-профессию «Фронтенд-разработчик».

За 10 месяцев вы изучите JavaScript в связке с HTML и CSS. Освоите React для создания сложных компонентов, разберетесь с сопутствующими инструментами (NPM, Git, Webpack, командная строка), получите опыт построения архитектуры полноценного приложения и написания чистого кода.

Уже во время обучения вы станете участником Карьерного трека.

Пройдете вебинары, которые охватывают все темы по трудоустройству: от составления резюме и рабочих профилей до психологических аспектов собеседований и адаптации на рабочем месте.

🆙 Мы заинтересованы, чтобы вы нашли первую работу. Получите полную консультацию по профессии и карьере в IT!

Css em vs rem

👉 @frontend_1