Frontend разработчик, страница 7, все посты канала

Frontend разработчик

Открыта регистрация на серию митапов для начинающих разработчиков 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, подписывайтесь на чат-бот.

Frontend разработчик

Рассказываем о пользе и вреде FullStack-фреймворков на примере Meteor.js Коротко расскажу о том, как я вообще пришел к Node.js. В начале пути, около 8 лет назад, я писал на C++, Ruby, немного на Python и еще нескольких языках. Конечно же, был в моей жизни и frontend. В JavaScript я заметил интересную особенность, которую до этого видел только у Qt — можно не опрашивать что-либо в цикле и не ждать выполнения системного вызова, а подписаться на событие и, когда оно произойдет, выполнить некоторые действия. Чуть позже я услышу термин «реактивное программирование» и, спустя еще некоторое время, свяжу это с миром JS — мне покажется, что за этим будущее. Потом я узнаю о Node.js, перестану плеваться от асинхронных операций (в этом изрядно помогут промисы и async/await). И вот я здесь. habr.com/ru/comp…g/690464 👉 @frontend_1

Frontend разработчик

Интерактивный учебник по использованию дженериков в TypeScript github.com/total-t…workshop 👉 @frontend_1

Frontend разработчик

React.js: Документальный фильм React - это одна из самых популярных библиотек, используемых сегодня. Учитывая, что она была создана в таком гиганте, как Facebook, можно предположить, что она всегда была обречена на успех. А что если мы скажем вам, что первое знакомство React с публичной сферой было совсем не гламурным? Документальный фильм React.js: The Documentary расскажет вам полную историю ранних дней React, сосредоточившись на преданной группе разработчиков, которые помогли вывести его на мировую арену. Эту историю рассказывает звездный состав разработчиков, таких как Том Оккино, Кристофер Чедо, Пит Хант, Себастьян Маркбоге, Дэн Абрамов и многие другие. Загляните на сайт cult.honeypot.io, где собраны нерассказанные истории разработчиков, связанные с открытым исходным кодом, карьерой и другими интересными вещами, которыми занимаются разработчики. Honeypot - это платформа для трудоустройства разработчиков, цель которой - обеспечить разработчиков отличной работой. Хотите увидеть, что мы собой представляем? Посетите сайт honeypot.io, чтобы найти работу по душе. источник ✍️ @React_lib

Frontend разработчик

Планируете начать настраивать среды разработки с Vite.js? 🚀Приходите 30 марта в 20:00 на урок, который пройдет в рамках онлайн-курса «Vue.js разработчик». Vite отлично подходит для сложных проектов, где требуется взаимодействие с сервером. В отличие от других инструментов, он легко встраивается через терминал и может быстро разворачиваться. Приглашаем всех желающих на открытый урок, на котором рассмотрим миграцию на Vite с Vue CLI, а также его преимущества: - Мгновенное время запуска сервера разработки - Горячая замена модулей из коробки - Простая конфигурация - Поддержка модулей ES из коробки 👉🏻 Чтобы записаться на урок, пройдите вступительное тестирование https://otus.pw/XKAd/ Курс доступен в рассрочку. Реклама. Информация о рекламодателе на сайте www.otus.ru

Frontend разработчик

Узнайте, как раскрыть весь потенциал системы типов Turing Complete в TypeScript! Type-level TypeScript - это онлайн-курс, позволяющий поднять уровень владения TypeScript от среднего до продвинутого. Он даст вам твердое понимание основ системы типов и проведет вас через ее самые передовые возможности. Вы найдете все необходимое, чтобы стать экспертом по TypeScript - не только глубокое содержание, но и увлекательные задачи для отработки новых навыков, как, например, вот эта.

/**
 * Try assigning "World" to `type Hello`!
 */
type Hello = "...";

// Type-level unit tests!
// If the next line type-checks, you solved this challenge!
type test1 = Expect<Equal<Hello, "World">>;

https://type-level-typescript.com/ 👉 @frontend_1

Frontend разработчик

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

Frontend разработчик

❔❔ JS-разработчик? А насколько хорошо ты знаешь Vue.js? JS-разработчик? А насколько хорошо ты знаешь Vue.js? ✔️ Пройди тест из 20 вопросов и узнай, сможешь ли ты учиться на курсе "Vue.js Developer" от OTUS. Если правильно ответишь хотя бы на 12 вопросов - сможешь поступить на курс по специальной цене! ⏰ Время прохождения теста ограничено 30 минут ✍️ПРОЙТИ ТЕСТ: https://otus.pw/e5F3/ Курс доступен в рассрочку. Реклама. Информация о рекламодателе на сайте www.otus.ru

Frontend разработчик

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

Webpack + CSS Modules + TS = Love

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

Хабр

Frontend разработчик

Паттерны проектирования JavaScript stackblitz.com/@lydiah…patterns 👉 @frontend_1

Frontend разработчик

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

tdg.pdf

application/pdf

Frontend разработчик

31 марта МТС собирает крупнейшую в России IT-конференцию TRUE TECH DAY. Почему сейчас? Потому что давно пора показать, что скрывают «под капотом» топовые продукты продвинутых технологичных компаний. Каждый участник конференции протестит на себе true-технологии и испытает новые впечатления, меняющие мир пользователей. Что будет: → 7 треков: AI, Main Track, Big Data, Architecture, Cybersecurity, Leading Change, Product Manager. → 50+ мировых спикеров с топовыми темами без воды и лирики → 10 часов нетворкинга и обмена опытом в Москве, Дубае, Тбилиси и Астане → много интерактивных и цифровых зон → а после — грандиозная вечеринка со звездным лайн-апом Все спикеры и темы уже на сайте. Регистрируйся на True Tech Day по ссылке. Участие бесплатно

Frontend разработчик

Technical Writing for Developers css-tricks.com/technic…velopers 👉 @frontend_1

Technical Writing for Developers | CSS-Tricks

HTML, CSS, JavaScript, Python, PHP, C++, Dart — there are so many programming languages out there and you may even be totally fluent in several of them! But

CSS-Tricks

Frontend разработчик

API JavaScript, о которых вы не знаете В этой статье Хуан Диего рассказывает о наименее известных, но чрезвычайно полезных API, таких как API видимости страницы, API совместного доступа к веб-страницам, API канала вещания и API интернационализации. Вместе мы узнаем, что они собой представляют, где их следует использовать и как их применять. www.smashingmagazine.com/2022/09…pi-guide 👉 @frontend_1

JavaScript APIs You Don’t Know About — Smashing Magazine

In this article, Juan Diego covers the least known yet extremely useful APIs, such as the Page Visibility API, Web Sharing API, Broadcast Channel API and Internationalization API. Together we will see what they are, where we should use them, and how to use them.

Smashing Magazine

Frontend разработчик

По домам: фронтенд – Андрей Ваганов Шоу от сообщества инженеров Авито. В нашей команде работают совершенно разные люди: у каждого свой опыт, своё видение разработки и свои любимые фреймворки. Но нас объединяют любовь к фронтенду и работе в Авито. 00:00 Интро 00:46 Как попал в IT? Первая работа в IT? 01:50 Кем работаешь и чем занимаешься в Авито? 02:45 Какие технологии/библиотеки тебе нравятся? 04:25 Что хочешь изучить в 2022 году? / Что стоит изучить в 2022 году? 05:08 Расскажи, как ты учился? 06:09 Назови три лучших книги/ресурса/статьи. 07:07 Как писать стили, какой инструмент выбрать? 08:10 Опиши стэк для идеального приложения? 08:58 Задача мечты? / Проект мечты? 09:34 Почему ты работаешь в Авито? 10:37 Какие есть pet-проекты? 10:57 Последние 3 фичи, которые ты втащил? 11:51 Если не фронтенд, то ... https://youtu.be/GKLmY8DerGc 👉 @frontend_1

По домам: фронтенд – Андрей Ваганов

«По домам: фронтенд» — это новое шоу от сообщества инженеров Авито. В нашей команде работают совершенно разные люди: у каждого свой опыт, своё видение разработки и свои любимые фреймворки. Но нас объединяют любовь к фронтенду и работе в Авито. Раз в неделю мы будем рассказывать о своих проектах: что мы делаем каждый день, какие задачи нас зажигают, какие технологии мы используем. А ещё поговорим о корпоративной культуре Авито и о себе в компании. Этот выпуск про Андрея Ваганова — ведущего инженера команды Frontend Architecture и одного из лидеров Frontend-сообщества AvitoTech. Он расскажет про изучение AST-деревьев и развитие опенсорса, фундаментальную литературу для фронтендера и нетоксичную культуру Авито. 00:00 Интро 00:46 Как попал в IT? Первая работа в IT? 01:50 Кем работаешь и чем занимаешься в Авито? 02:45 Какие технологии/библиотеки тебе нравятся? 04:25 Что хочешь изучить в 2022 году? / Что стоит изучить в 2022 году? 05:08 Расскажи, как ты учился? 06:09 Назови три лучших книги/ресурса/статьи. 07:07 Как писать стили, какой инструмент выбрать? 08:10 Опиши стэк для идеального приложения? 08:58 Задача мечты? / Проект мечты? 09:34 Почему ты работаешь в Авито? 10:37 Какие есть pet-проекты? 10:57 Последние 3 фичи, которые ты втащил? 11:51 Если не фронтенд, то ... Плейлист со всеми выпусками: https://bit.ly/3UJkv4x AvitoTech — это команда инженеров Авито. Подпишитесь на наш канал, соцсети и блоги, чтобы узнавать больше о технологиях Авито 👇🏻 ВК: https://vk.com/avitotech Телеграм: https://t.me/avitotech Хабр: https://habr.com/ru/company/avito/ Медиум (eng): https://medium.com/avitotech Гитхаб: https://github.com/avito-tech/ Сайт: https://avito.tech/

YouTube

Frontend разработчик

An ultimate guide to the Vue 3 Composition API blog.openreplay.com/an-ulti…tion-api 👉 @frontend_1

An ultimate guide to the Vue 3 Composition API

A detailed introduction to the new Composition API in Vue 3

OpenReplay Blog

Frontend разработчик

❓ Что нужно знать, чтобы пройти собеседование на JavaScript-разработчика? 📆 Расскажем 14 марта в 20:00 мск на бесплатном уроке курса «Fullstack Developer» в OTUS. 👉 Василий Ванчук, опытный JS-разработчик и руководитель курса, выступит с вебинаром: «Какими задачами проверяют ваше знание JavaScript». Что полезного будет на занятии? — Посмотрим на типы задач, которые могут дать прямо во время интервью. — Обсудим, как и что проверяют эти задачи — Узнаем, что можно сделать, чтобы подготовиться к интервью ❗ Урок рассчитан на тех, кто знает основы JavaScript, включая работу с объектами, и хочет лучше понимать тонкости разработки. 👉 Для участия зарегистрируйтесь https://otus.pw/qblo/ 📌 Продолжить обучение на онлайн-курсе. Доступен в рассрочку. От 13 333р/мес Реклама. Информация о рекламодателе на сайте www.otus.ru

Frontend разработчик

Преобразования типов JavaScript с пояснениями Javascript является слабо типизированным языком, что означает, что различные типы данных для переменных и объектов не задаются явно, а делаются неявно движком Javascript во время компиляции. Если оставить эту важную задачу на усмотрение движка Javascript, то иногда в наших программах возникают проблемы, о которых мы даже не подозреваем. Вот почему важно знать, как работает преобразование типов в Javascript, которое является основным источником логических ошибок. blog.openreplay.com/javascr…xplained 👉 @frontend_1