Frontend разработчик
11.7K subscribers
1.75K photos
489 videos
44 files
2.7K links
Полезные материалы для фронтендера по HTML, CSS, JS, React.js, Angular.js, Vue.js, TypeScript, Redux, MobX, JavaScript, NodeJS.

По всем вопросам @evgenycarter

РКН clck.ru/3KoFrk
加入频道
Семь смертных грехов Фронтенд/JavaScript разработчика

В любой профессиональной деятельности есть правила и принципы, которые нельзя нарушать. Поговорим о том, что категорически нельзя делать в JavaScript.
Использовать var для создания переменных
Создавать свойства объектов с дефисом
При использовании современных JS framework’ов использовать библиотеку jQuery или аналоги
Тестировать только часть кода и не тестировать асинхронный/реактивный код
Не использовать линтеры и форматеры кода eslint/tslint/stylelint/prettier
Не использовать polyfills для поддержки старых браузеров
Утверждать, что один из современных JS framework’ов лучше других
Если так случилось, что некоторые правила были нарушены, то ничего страшного в этом нет, просто в одном месте, для этого человека, приготовят отдельный котел.
Например, запреты расспространяющиеся на программирование в целом:
Использование dev версий библиотек в production
Использование другого стека или framework’а без понимания принципа работы
Незнание стандартов языка
Разработка собственного компилятора/транслятора/транспайлера, не являясь членом команды, которая развивает язык или технологию
Поступать в российский ВУЗ, чтобы стать программистом
и т.д.
Конечно, есть множество принципов, таких как — KISS, DRY, SOLID (и других слов, написанных капсом), но это так же относится к программированию, а не конкретно к JS.
Удачного дня и поменьше legacy в вашем коде!
PerfectPixel by WellDoneCode (pixel perfect)
Расширение для браузера, которое позволяет сверстать сайт один в один с макетом.

https://www.welldonecode.com/perfectpixel/
Преобразование текста в речь в браузере с помощью Web Speech API

https://www.twilio.com/blog/speech-to-text-browser-web-speech-api
Создание реалистичного эффекта стекла с помощью SVG

https://css-tricks.com/making-a-realistic-glass-effect-with-svg/
Инклюзивные компоненты: интерфейсы со вкладками

Если вы задумаетесь о том, что же именно происходит с интерфейсами, когда вы взаимодействуете с ними, то чаще всего что-то показывается или скрывается.

https://medium.com/web-standards/tabbed-interfaces-a125212e6c35
Руководство по обработке ошибок в JavaScript

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

https://dailycoding.io/article/EEw4zMC2gRgUMXp6CUpN
DevDocs: вся документация разработчика в одном месте, с быстрым и удобным интерфейсом

https://devdocs.io/
OverAPI.com- документация для разработчика в одном месте, с быстрым и удобным интерфейсом

http://overapi.com/
Бесплатные PSD шаблоны, веб-и мобильных приложений, иконки, наборы пользовательского интерфейса

https://symu.co/freebies/
План развития веб-разработчика в 2019 году
Эта статья поможет быть в курсе современных тенденций.

https://github.com/kamranahmedse/developer-roadmap