Skip to content

Я никогда не писал расширения для Хрома, но меня допекли

Я никогда не писал расширения для Хрома, но меня допекли published on Комментариев к записи Я никогда не писал расширения для Хрома, но меня допекли нет


Если вы узнали стиль заголовка и вам больше не нужны никакие подробности — вот ссылка на репозиторий.


Если вы недоумеваете что это такое и почему я отнимаю место в ленте у хороших авторов — тогда немного контекста будет под катом.

Читать дальше →

Дайджест свежих материалов из мира фронтенда за последнюю неделю №438 (19 — 25 октября 2020)

Дайджест свежих материалов из мира фронтенда за последнюю неделю №438 (19 — 25 октября 2020) published on Комментариев к записи Дайджест свежих материалов из мира фронтенда за последнюю неделю №438 (19 — 25 октября 2020) нет
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

Читать дальше →

[Перевод] Используем Chrome DevTools профессионально

[Перевод] Используем Chrome DevTools профессионально published on Комментариев к записи [Перевод] Используем Chrome DevTools профессионально нет
И снова здравствуйте. В преддверии старта курса «JavaScript Developer. Professional» перевели

11 советов для тех, кто использует Chrome в качестве среды разработки.





Итак, по тем или иным причинам вы решили при разработке ориентироваться на Chrome. Вы открываете инструменты разработчика и приступаете к отладке кода.



Иногда вы открываете консоль, чтобы посмотреть вывод своей программы, или вкладку Elements, чтобы проверить CSS-стили элементов DOM.



А действительно ли вы разбираетесь в Chrome DevTools? На самом деле у инструментов разработчика множество мощных функций, которые облегчают жизнь, но о них мало кто знает.
Я расскажу о самых полезных из них. Читать дальше →

[Перевод] Используем Chrome DevTools профессионально

[Перевод] Используем Chrome DevTools профессионально published on Комментариев к записи [Перевод] Используем Chrome DevTools профессионально нет
И снова здравствуйте. В преддверии старта курса «JavaScript Developer. Professional» перевели

11 советов для тех, кто использует Chrome в качестве среды разработки.





Итак, по тем или иным причинам вы решили при разработке ориентироваться на Chrome. Вы открываете инструменты разработчика и приступаете к отладке кода.



Иногда вы открываете консоль, чтобы посмотреть вывод своей программы, или вкладку Elements, чтобы проверить CSS-стили элементов DOM.



А действительно ли вы разбираетесь в Chrome DevTools? На самом деле у инструментов разработчика множество мощных функций, которые облегчают жизнь, но о них мало кто знает.
Я расскажу о самых полезных из них. Читать дальше →

[Перевод] Первое знакомство с Moon.js

[Перевод] Первое знакомство с Moon.js published on Комментариев к записи [Перевод] Первое знакомство с Moon.js нет
Сегодня речь пойдёт об очередной JavaScript-библиотеке, предназначенной для разработки интерфейсов. Возникает такое ощущение, что такие библиотеки появляются всё чаще и чаще. В этом материале мы рассмотрим библиотеку Moon.js и раскроем её особенности, о которых нужно знать для того чтобы приступить к работе с ней. В частности, мы поговорим о том, как создавать новые Moon.js-проекты, о том, как создавать элементы интерфейсов, как обрабатывать события. Освоив это руководство, вы сможете пользоваться Moon.js для разработки собственных приложений.


Читать дальше →

5 советов для прокачки своих навыков в Angular

5 советов для прокачки своих навыков в Angular published on Комментариев к записи 5 советов для прокачки своих навыков в Angular нет

Этим летом мы с Ромой запустили серию твитов с полезными советами и приемами по Angular. Сообщество тепло встретило эту инициативу, и я решил написать обобщающую статью.

Вот мои 5 рекомендаций, которыми хочется поделиться с разработчиками. Эти советы будут подкреплены конкретными примерами из моего твиттера. Они помогут вам поднять свои навыки или как минимум дадут пару практических приемов.

Читать далее

[Перевод] Готовимся к собеседованию по фронтенду: 15 вопросов

[Перевод] Готовимся к собеседованию по фронтенду: 15 вопросов published on Комментариев к записи [Перевод] Готовимся к собеседованию по фронтенду: 15 вопросов нет
Автор статьи, перевод которой мы сегодня публикуем, приводит 15 вопросов, которые задавали на собеседованиях ему, и которые он задавал соискателям на должности фронтенд-разработчиков сам.


Читать дальше →

[Перевод] 6 рекомендаций по разработке масштабируемых React-проектов

[Перевод] 6 рекомендаций по разработке масштабируемых React-проектов published on Комментариев к записи [Перевод] 6 рекомендаций по разработке масштабируемых React-проектов нет
В начале работы над новым React-проектом рекомендуется сформулировать инструкции, следуя которым можно будет создать приложение, хорошо поддающееся масштабированию.



В этом материале я хочу поделиться знаниями о React-разработке, накопленными за годы использования этой библиотеки. Они помогут вам в формировании вашего собственного свода правил по разработке React-приложений.
Читать дальше →

Как перенести на TypeScript большую кодовую базу React UI-компонентов

Как перенести на TypeScript большую кодовую базу React UI-компонентов published on Комментариев к записи Как перенести на TypeScript большую кодовую базу React UI-компонентов нет

Как перенести на TypeScript большую кодовую базу React UI-компонентов

Привет! Меня зовут Иван Греков, я работаю UI-разработчиком в frontend-команде Badoo. Главные задачи нашей команды — создание новых и поддержка существующих пользовательских интерфейсов для сайтов и приложений Badoo и Bumble. 

Когда в конце 2019 года мы начали параллельно работать над несколькими проектами, мы задумались над повышением стабильности кода и возможностью его многократного использования. Для этого мы решили переписать наши 630 React UI-компонентов на TypeScript. Я расскажу о том, как мы работали над ними без перерыва в доставке фич и как организовали поэтапный переход на TypeScript для UI-разработчиков, которым этот язык был в новинку.

Читать далее

[Перевод] О реализации структуры данных Map в V8

[Перевод] О реализации структуры данных Map в V8 published on Комментариев к записи [Перевод] О реализации структуры данных Map в V8 нет

В стандарте ECMAScript 2015, известном как ES6, появилось много новых JavaScript-коллекций, таких, как Map, Set, WeakMap и WeakSet. Они, судя по всему, стали отличным дополнением к стандартным возможностям JavaScript. Они получили широкое применение в различных библиотеках, в приложениях, в ядре Node.js. Сегодня мы поговорим о коллекции Map, попытаемся разобраться с особенностями её реализации в V8 и сделаем некоторые практические выводы, основанные на полученных знаниях.

Стандарт ES6 не содержит чёткого указания на подход, который должен быть использован для реализации поддержки структуры данных Map. В нём лишь даны некоторые подсказки по возможным способам её реализации. Там же приведены сведения об ожидаемых от Map показателях производительности:

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

Как видно, спецификация даёт тем, кто создаёт JS-движки, большую свободу. Но при этом здесь нет определённых указаний, касающихся конкретного подхода, используемого для реализации Map, его производительности, характеристик потребления памяти. Если в критически важной части вашего приложения используются структуры данных Map, и если вы записываете в такие структуры данных большие объёмы информации, то основательные знания о реализации Map, определённо, принесут вам большую пользу.
Читать дальше →

Primary Sidebar