Frontender's notes. Страница 43

​​Узнайте, кто такой графический дизайнер и как им стать в 2022 году → Бесплатный вебинар 12 июля в 19:00 О профессии расскажут эксперты: ◾️ Настя Пронина, графический и бренд-дизайнер. Занимается исследованиями в области теории дизайна в ВШЭ. ◾️ Саша Лялюшкин, графический дизайнер, фрилансер. Работает дизайнером 10 лет. Занимается графическим, коммуникационным и бренд-дизайном.  Вы узнаете: — какие задачи выполняет графический дизайнер — покажем на реальных кейсах; — чем графический дизайн отличается от продуктового, коммуникационного и других; — какими навыками должен обладать графический дизайнер и где их получить; — Adobe Photoshop, Illustrator, Figma: какие инструменты актуальны в 2022 году; — где можно работать и сколько зарабатывать. В финале расскажем, что стоить сделать сразу после вебинара, чтобы начать свой путь в графическом дизайне. → Зарегистрироваться на вебинар

​​От кнопки «Создать приложение» до публикации в каталоге — глазами разработчика Эта история началась буднично, как и многие другие: однажды я пришёл к другу с идеей приложения, и мы загорелись быстро сделать его. Расскажу вам о своём опыте разработки и о том, как выглядит жизненный цикл продукта с точки зрения разработчика. Вы узнаете, как мини-приложения тестируются в баг-трекере и как они появляются в каталоге. А в качестве примера буду использовать нашу разработку — VK API/VK Bridge Sandbox.

​​Reselect не так прост как кажется! Автор этого видео разбирает популярную библиотечку Reselect. Если вы с ней знакомы: Как думаете хорошо ли вы понимаете, когда стоит использовать createSelector, а когда не стоит? Вы уверены? Если не знакомы: Поймете для чего она нужна и в каких местах ее стоит использовать ее а в каких нет. Смотреть видео...

​​Stablegram — это Телеграм канал с топовыми стажировками и вакансиями в Web3. Пока остальной мир в кризисе, криптостартапы стабильно платят большие зарплаты в USDT, потому что успели привлечь кучу денег от инвесторов. ⚡️Поэтому, если у вас нет большого капитала для инвестирования, то лучшая стратегия — это начать работать в Web3 индустрии за зарплату, при этом получив долю в проекте. 👉 Подписаться на канал

​​Как Computed Properties в Angular помогают пропускать титры Меня зовут Алексей Охрименко, я TechLead вертикали Ai/Voices онлайн-кинотеатра KION в МТС Digital, автор русскоязычной документации по Angular и популярного плагина для рефакторинга Angular-компонентов.    Мой коллега Алексей Мельников уже рассказывал про фичу пропуска титров в KION, про ее бизнес- и tech-составляющие. Я же остановлюсь на том, какие у нас проблемы возникли в процессе реализации фичи и как мы их решили с помощью Computed Properties в Angular*. Читать...

1. Полная дорожная карта для фронтенда 2. 5 Самых Лучших Книг по HTML и CSS 3. 5 Лучших Курсов Фронтенд-разработчиков 2022 года 4. Топ 5 каналов YouTube для Frontend 5. Топ 5 сайтов, для заработка денег 6. Топ 5 сайтов с бесплатными шаблонами 7. Топ 5 Приложений для изучения программирования 8. Платформы онлайн-обучения 9. 5 лучших руководств по Html и Css на 2022 год 10. Лучшие ресурсы для изучения JavaScript 11. Научитесь Фронтенд-разработке по играм 12. Топ 5 сайтов с бесплатными иконками 13. Лучшие инструменты для CSS 14. Лучшие веб-сайты для стажировок 15. Топ 5 сайтов для размещения вашего сайта бесплатно 16. Топ Лучшие сайты для практики кодирования 17. Лучшее бесплатное облачное хранилище 18. 5 лучших инструментов анимации для разработчиков  19. Топ 5 Лучшая бесплатная платформа для создания портфолио

​​Организация react-компонентов с помощью dot-notation и почему я часто прибегаю именно к этому способу Сегодня я бы хотел с вами поделиться одним из моих любимых паттернов организации сложных react-компонентов, рассказать о его сильных и слабых сторонах (да, некоторые минусы есть). Однако сперва для того, чтобы оценить сильные стороны данного подхода, нужно погрузиться в процесс разработки нового react компонента и сопутствующие ему проблемы, которые подход помогает решить. Читать...

ECMAScript 2022 - Error.cause Алоха товарищи фронты. Я уже недавно писал что 22 июня официально анонсировали новую версию ES2022. И и собственно этот пост посвящается еще одному нововведению. Так вот у нас с вами появилась еще одна неплохая фича для дебагинга нашего предложение, а именно теперь в блоке try / catch мы можем не только выводить текущую ошибку но и ту ошибку которая вызвала текущую. Пример: try { // Do something } catch (otherError) { throw new Error('Something went wrong', {cause: otherError}); } ❗ cause нам выводит stack trace до текущей ошибки err и может быть доступен вот так err.-cause

​​Настройка ESLint для чистого кода в проектах на Vue В этой статье рассмотрим пример настройки ESLint для разработки приложений на Vue. В итоге мы получим настройки ESLint, которые будут проверять наш код на соответствие большинству правил официального стайлгайда Vue. Материал полезен начинающим разработчикам, которые хотят улучшить свой стиль кода, и более опытным на старте нового проекта в незнакомой или большой распределенной команде. Эти настройки помогут придерживаться кодстайла и отслеживать некоторые ошибки (синтаксические, логические, ошибки, связанные с динамической типизацией) еще на этапе написания кода, повысят его читаемость и упростят код-ревью. В конечном итоге это приведет к сокращению сроков разработки. Читать...

​​Одна дыра в коде – уязвимость для взлома⚡️ Ошибка может открыть злоумышленникам путь для получения доступа к вашим данным.  Научитесь писать код, устойчивый ко взломам и освойте принципы передачи данных по сетям.  До 11 июля даем скидку 30% на два курса и пакет «Протоколы и сети»:  – Протоколы и сети: основы; – Протоколы и сети: веб-безопасность; – Пакет курсов «Протоколы и сети». Учитесь в комфортном темпе и практикуйте сразу в своих проектах.  Подробнее о пакете «Протоколы и сети». А если вы сомневаетесь, нужно ли разбираться в протоколах и сетях лично вам, то можете начать изучение с нашей статьи📝

​​Отрисовка в браузере большой анимации или как я ушел с mp4 к своему формату видео Поделюсь с вами успешным опытом разработки рендера в браузере большой, постоянно расширяющейся анимационной сцены, состоящей из множества мелких двигающихся объектов, зацикленных в 5 секунд. Читать...

ECMAScript 2022 - изменения в Async/Await 22 июня 2022 года официально анонсировали новый стандарт ECMAScript 2022 который содержит в себе довольно интересные изменения. Одно из интересных изменений это то что теперь оператор await можно будет использовать в верхнем уровне скрипта, вне async функции. Вот так вот: // my-module.js const res = await fetch('https://example.com'); const text = await res.text(); console.log(text);

​​Организация react-компонентов с помощью dot-notation и почему я часто прибегаю именно к этому способу Автор хочет с вами поделиться одним из его любимых паттернов организации сложных react-компонентов, рассказать о его сильных и слабых сторонах (да, некоторые минусы есть). Однако сперва для того, чтобы оценить сильные стороны данного подхода, нужно погрузиться в процесс разработки нового react компонента и сопутствующие ему проблемы, которые подход помогает решить. Читать...

​​HTML Academy знают все фронтендеры Большинство русскоязычных разработчиков хотя бы раз проходили их онлайн-тренажёры. Это возможно, потому что Академия уже 10 лет обучает новичков веб-разработке на HTML и CSS, и программированию на JS и PHP.  Если вы не умеете писать код, но очень хотите научиться, канал @htmlacademy точно будет полезен. У них в закрепе собраны лучшие статьи блога, которые помогут вам сделать первый сайт даже без курсов. Подписывайтесь — @htmlacademy