#tip
В Chrome появился HTML-атрибут
Подробности
В Chrome появился HTML-атрибут
hidden="until-found",
который делает скрытый контент доступным для поиска.Подробности
JavaScript работает у всех и всегда, верно? Не совсем 👉 https://proglib.io/w/8ae9dd3b
Frontender Magazine
У всех есть JavaScript, да?
У всех ваших пользователей работает JavaScript. Верно? Уверены? Точно?
Погружение в страну Serverless на примере реального проекта:
— Первые шаги. Первая лямбда
— Разворачиваем БД
— Как подружиться с БД
— Создаем REST API
— Готовим чемоданчик serverless разработчика
— Первые шаги. Первая лямбда
— Разворачиваем БД
— Как подружиться с БД
— Создаем REST API
— Готовим чемоданчик serverless разработчика
Гуру TypeScript Matt Pocock делится советами и трюками при работе с данным языком.
https://proglib.io/w/9a4ee265
https://proglib.io/w/9a4ee265
X (formerly Twitter)
XState (@mpocock1) on X
Powered by @mattpocockuk
Краткий список важных концепций Javascript с примерами кода для начинающих React-разработчиков.
https://proglib.io/w/34dad901
https://proglib.io/w/34dad901
AppSeed Blog
10 JavaScript concepts for React Beginners - With Code Samples
A shortlist of important Javascript concepts for React Developers - With Code Samples.
Серия статей о принципах работы веб-приложений: от базовых концепций HTTP, HTML и CSS, до основ работы JavaScript, DOM и API. На самом деле, в серии много полезных материалов, которые дадут полное представление о работе веб-приложений. Единственный нюанс в том, что они 2020 года.
https://proglib.io/w/993c5af0
https://proglib.io/w/993c5af0
Mark's Dev Blog
How Web Apps Work
React Drag & Drop: пишем простую игру в бутылки с использованием react-dnd, styled-components, mobx и createPortal.
https://proglib.io/w/cb5d9953
https://proglib.io/w/cb5d9953
react-dnd.github.io
React DnD
Drag and Drop for React
Коллекция различных популярных алгоритмов с реализацией на JavaScript: https://proglib.io/w/cef4f5ca
GitHub
JavaScript/DIRECTORY.md at master · TheAlgorithms/JavaScript
Algorithms and Data Structures implemented in JavaScript for beginners, following best practices. - TheAlgorithms/JavaScript
Узнайте, какие практические шаги предприняла команда платформы Rudderstack для сокращения времени запуска на 80%.
https://proglib.io/w/d982c50f
https://proglib.io/w/d982c50f
RudderStack
How We Reduced Startup Time by 80% With Webpack
Learn how the RudderStack Engineering team got rid of overhead from Typescript using webpack, reducing startup time to improve developer experience.
8 причин освоить Frontend-разработку, даже если ты никогда не программировал:
1. Огромный спрос на веб-разработчиков. Во Frontend-разработчиках заинтересованы многие компании, чьи сайты призваны развлекать, продавать и приносить деньги. Хорошего специалиста Frontend-разработки “оторвут c руками”: интернет-магазины, информационные порталы, маркетплейсы, рекламные агентства, ритейлеры, сотовые операторы, банки и даже СМИ.
2. Высокая заработная плата. 80 000 рублей - зарплата начинающего специалиста; 130 000 рублей готовы предложить кампании специалистам уровня middle (по данным сайта HeadHunter).
3. Возможность работать в международных компаниях и проектах.
4. Frontender может работать в офисе или на дому, что позволяет совмещать деятельность с путешествиями, хобби или получением образования.
5. Frontend-разработчик имеет хорошие перспективы развития: в фуллстек-разработке, на менеджерских позициях, в управлении проектами и коллективом разработчиков.
6. Прямо сейчас GeekBrains открывает запись на онлайн-курс «Факультет Frontend-разработки», где мы собрали для тебя мощную программу, которая подходит под требования работодателей. Мы поможем тебе стать frontend-разработчиком с нуля, даже если у тебя нет опыта работы или профильного образования.
7. С нами ты получишь опыт командной разработки
Пройдешь все этапы командной разработки: от понимания задачи и распределения ролей до согласования результата и вывода проекта на рынок.
8. После обучения мы поможем тебе подготовить резюме, пройти собеседование и получить работу мечты.
100% студентов GeekBrains, которые обратились в наш Центр карьеры, ежегодно выходят на работу по специальности.
Оставить заявку на обучение: https://clc.to/Q0npdA
1. Огромный спрос на веб-разработчиков. Во Frontend-разработчиках заинтересованы многие компании, чьи сайты призваны развлекать, продавать и приносить деньги. Хорошего специалиста Frontend-разработки “оторвут c руками”: интернет-магазины, информационные порталы, маркетплейсы, рекламные агентства, ритейлеры, сотовые операторы, банки и даже СМИ.
2. Высокая заработная плата. 80 000 рублей - зарплата начинающего специалиста; 130 000 рублей готовы предложить кампании специалистам уровня middle (по данным сайта HeadHunter).
3. Возможность работать в международных компаниях и проектах.
4. Frontender может работать в офисе или на дому, что позволяет совмещать деятельность с путешествиями, хобби или получением образования.
5. Frontend-разработчик имеет хорошие перспективы развития: в фуллстек-разработке, на менеджерских позициях, в управлении проектами и коллективом разработчиков.
6. Прямо сейчас GeekBrains открывает запись на онлайн-курс «Факультет Frontend-разработки», где мы собрали для тебя мощную программу, которая подходит под требования работодателей. Мы поможем тебе стать frontend-разработчиком с нуля, даже если у тебя нет опыта работы или профильного образования.
7. С нами ты получишь опыт командной разработки
Пройдешь все этапы командной разработки: от понимания задачи и распределения ролей до согласования результата и вывода проекта на рынок.
8. После обучения мы поможем тебе подготовить резюме, пройти собеседование и получить работу мечты.
100% студентов GeekBrains, которые обратились в наш Центр карьеры, ежегодно выходят на работу по специальности.
Оставить заявку на обучение: https://clc.to/Q0npdA
Анонс Angular DevTools, Chrome-расширения для отладки и профилирования Angular-приложений. Расширение поддерживает Angular v9 и более поздние версии с включенным Ivy.
✍️ Читать
📺 Смотреть
✍️ Читать
📺 Смотреть
YouTube
Introducing Angular DevTools
Documentation page → https://angular.io/devtools
Angular DevTools on Chrome Web Store → https://chrome.google.com/webstore/detail/angular-developer-tools/ienfalfjdbdpebioblfackkekamfmbnh
Angular DevTools on Chrome Web Store → https://chrome.google.com/webstore/detail/angular-developer-tools/ienfalfjdbdpebioblfackkekamfmbnh
Поддержка CSS-селектора
https://proglib.io/w/690645bd
:has()
присутствует пока только в Safari, но ознакомиться с возможностями можно уже сейчас.https://proglib.io/w/690645bd
Фронтендеру на заметку: советы и инструменты, которые помогут обнаружить мертвый код в проекте.
https://proglib.io/w/17ee5bc2
https://proglib.io/w/17ee5bc2
LogRocket Blog
How to detect dead code in a frontend project - LogRocket Blog
Explore different approaches to detect dead code in your frontend project that can be used interchangeably and in combination.
Влад Коротун, ведущий фронтенд-разработчик в одной из продуктовых команд hh.ru, рассказывает о пути от большого монолита до микрофронтендов.
https://proglib.io/w/e975175b
https://proglib.io/w/e975175b
Хабр
Микрофронтенды в hh.ru
Современный фронтенд – больше, чем просто формы и стили. Это сложные модели, композитные компоненты, графики, интерактивные редакторы, системы локализации на несколько языков и многое другое. Для...
Тест из 8-ми вопросов по не самым однозначным аспектам JavaScript
На сколько вопросов смогли ответить правильно без подсказок?
https://proglib.io/w/a733d2ac
На сколько вопросов смогли ответить правильно без подсказок?
https://proglib.io/w/a733d2ac
8 Javascript quiz that may confuse you | Pitayan Blog
A small tech workshop of testing your Javascript knowledge.
Краткий анонс легковесного open source инструмента Partytown, который сокращает задержки выполнения из-за стороннего JavaScript.
https://proglib.io/w/f5ebe416
https://proglib.io/w/f5ebe416
Smashing Magazine
How Partytown Eliminates Website Bloat From Third-Party Scripts — Smashing Magazine
Introducing Partytown, a lightweight open-source solution that reduces execution delays due to third-party JavaScript by offloading third-party scripts to web workers, which run in background threads.
This media is not supported in your browser
VIEW IN TELEGRAM
Data Science без знания математики – это как вождение машины без знаний ПДД
Почему так? Отщепенцы в дата сайенс юзают только чужие модели. Профи же создают свои модели и улучшают существующие – поэтому высоко ценятся!
Хотите стать настоящим профессионалом в Data Science и решать любые задачи? Изучите линейную алгебру, матанализ, теорию вероятности, комбинаторику и другие разделы вышмата.
В этом поможет курс «Математика для Data Science», специально разработанный преподавателями ВМК МГУ совместно с Proglib Academy 📚
Уникальная авторская программа поможет:
• изучить разделы математики, необходимые для успешной работы в дата сайенс и анализе данных;
• отработать навыки математического и абстрактного мышления;
• подготовиться к поступлению в ШАД.
Хорошая новость для тех, кто подзабыл школьную математику – в программе есть блок, который поможет освежить и эти знания!
👉 Узнать больше о курсе
Воспользуйтесь промокодом PROGLIB, чтобы получить скидку 20% до 13 мая!
Почему так? Отщепенцы в дата сайенс юзают только чужие модели. Профи же создают свои модели и улучшают существующие – поэтому высоко ценятся!
Хотите стать настоящим профессионалом в Data Science и решать любые задачи? Изучите линейную алгебру, матанализ, теорию вероятности, комбинаторику и другие разделы вышмата.
В этом поможет курс «Математика для Data Science», специально разработанный преподавателями ВМК МГУ совместно с Proglib Academy 📚
Уникальная авторская программа поможет:
• изучить разделы математики, необходимые для успешной работы в дата сайенс и анализе данных;
• отработать навыки математического и абстрактного мышления;
• подготовиться к поступлению в ШАД.
Хорошая новость для тех, кто подзабыл школьную математику – в программе есть блок, который поможет освежить и эти знания!
👉 Узнать больше о курсе
Воспользуйтесь промокодом PROGLIB, чтобы получить скидку 20% до 13 мая!
Серии статей, подобные этой, будут обновляться по мере выхода новых материалов.
Telegram
Библиотека фронтендера
Пополняемая серия статей о распространенных ошибках в верстке современных проектов и путях их решения:
— Часть 1. Используйте правильные теги
— Часть 2. Как правильно вкладывать теги друг в друга
— Часть 1. Используйте правильные теги
— Часть 2. Как правильно вкладывать теги друг в друга
Андрей Соколов из DINS рассказывает об инструментах отладки в Chrome DevTools: elements, console, source и network, а также о кнопках и функциях, которые вы видели, но не использовали. Также по этой теме можно почитать перевод с громким названием «11 хитростей Chrome DevTools, которые помогут Вам стать Senior FrontEnd-разработчиком».
YouTube
Инструменты отладки в Chrome DevTools (Андрей Соколов, DINS)
В Chrome DevTools есть много фишек, которые упрощают жизнь разработчиков. Андрей расскажет, как они могут сделать вашу отладку приятнее.
Вместе со спикером рассмотрим главные вкладки для отладки фронтенда: elements, console, source и network. Андрей расскажет…
Вместе со спикером рассмотрим главные вкладки для отладки фронтенда: elements, console, source и network. Андрей расскажет…