Семь смертных грехов Фронтенд/JavaScript разработчика
В любой профессиональной деятельности есть правила и принципы, которые нельзя нарушать. Поговорим о том, что категорически нельзя делать в JavaScript.
Использовать var для создания переменных
Создавать свойства объектов с дефисом
При использовании современных JS framework’ов использовать библиотеку jQuery или аналоги
Тестировать только часть кода и не тестировать асинхронный/реактивный код
Не использовать линтеры и форматеры кода eslint/tslint/stylelint/prettier
Не использовать polyfills для поддержки старых браузеров
Утверждать, что один из современных JS framework’ов лучше других
Если так случилось, что некоторые правила были нарушены, то ничего страшного в этом нет, просто в одном месте, для этого человека, приготовят отдельный котел.
Например, запреты расспространяющиеся на программирование в целом:
Использование dev версий библиотек в production
Использование другого стека или framework’а без понимания принципа работы
Незнание стандартов языка
Разработка собственного компилятора/транслятора/транспайлера, не являясь членом команды, которая развивает язык или технологию
Поступать в российский ВУЗ, чтобы стать программистом
и т.д.
Конечно, есть множество принципов, таких как — KISS, DRY, SOLID (и других слов, написанных капсом), но это так же относится к программированию, а не конкретно к JS.
Удачного дня и поменьше legacy в вашем коде!
В любой профессиональной деятельности есть правила и принципы, которые нельзя нарушать. Поговорим о том, что категорически нельзя делать в 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/
Расширение для браузера, которое позволяет сверстать сайт один в один с макетом.
https://www.welldonecode.com/perfectpixel/
Преобразование текста в речь в браузере с помощью Web Speech API
https://www.twilio.com/blog/speech-to-text-browser-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://css-tricks.com/making-a-realistic-glass-effect-with-svg/
Инклюзивные компоненты: интерфейсы со вкладками
Если вы задумаетесь о том, что же именно происходит с интерфейсами, когда вы взаимодействуете с ними, то чаще всего что-то показывается или скрывается.
https://medium.com/web-standards/tabbed-interfaces-a125212e6c35
Если вы задумаетесь о том, что же именно происходит с интерфейсами, когда вы взаимодействуете с ними, то чаще всего что-то показывается или скрывается.
https://medium.com/web-standards/tabbed-interfaces-a125212e6c35
Руководство по обработке ошибок в JavaScript
Ошибки — это хорошо. Автор материала говорит, что уверен в том, что эта идея известна всем. На первый взгляд ошибки кажутся чем-то страшным. Им могут сопутствовать какие-то потери. Ошибка, сделанная на публике, вредит авторитету того, кто её совершил. Но, совершая ошибки, мы на них учимся, а значит, попадая в следующий раз в ситуацию, в которой раньше вели себя неправильно, делаем всё как нужно.
https://dailycoding.io/article/EEw4zMC2gRgUMXp6CUpN
Ошибки — это хорошо. Автор материала говорит, что уверен в том, что эта идея известна всем. На первый взгляд ошибки кажутся чем-то страшным. Им могут сопутствовать какие-то потери. Ошибка, сделанная на публике, вредит авторитету того, кто её совершил. Но, совершая ошибки, мы на них учимся, а значит, попадая в следующий раз в ситуацию, в которой раньше вели себя неправильно, делаем всё как нужно.
https://dailycoding.io/article/EEw4zMC2gRgUMXp6CUpN
DevDocs: вся документация разработчика в одном месте, с быстрым и удобным интерфейсом
https://devdocs.io/
https://devdocs.io/
OverAPI.com- документация для разработчика в одном месте, с быстрым и удобным интерфейсом
http://overapi.com/
http://overapi.com/
Бесплатные PSD шаблоны, веб-и мобильных приложений, иконки, наборы пользовательского интерфейса
https://symu.co/freebies/
https://symu.co/freebies/
План развития веб-разработчика в 2019 году
Эта статья поможет быть в курсе современных тенденций.
https://github.com/kamranahmedse/developer-roadmap
Эта статья поможет быть в курсе современных тенденций.
https://github.com/kamranahmedse/developer-roadmap
Вот пример десяти прекрасных анимаций созданных на CSS
Чистый CSS отличается хорошей стандартизированностью, он может повысить производительность (GPU), обеспечить обратную и прямую совместимость, и это может быть самый эффективный способ создания анимаций.
https://webdesign.tutsplus.com/articles/pure-css-animation-inspiration-on-codepen--cms-30875
Чистый CSS отличается хорошей стандартизированностью, он может повысить производительность (GPU), обеспечить обратную и прямую совместимость, и это может быть самый эффективный способ создания анимаций.
https://webdesign.tutsplus.com/articles/pure-css-animation-inspiration-on-codepen--cms-30875