Серия статей о принципах работы веб-приложений: от базовых концепций 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. Андрей расскажет…
⚡️Руководство по JavaScript для начинающих
Автор образовательного контента по фронтенду Wes Bos представил бесплатный сборник заметок по образцу содержания его курса по JavaScript для начинающих. Над этим ресурсом автор работал больше года.
https://proglib.io/w/74fcb55b
Автор образовательного контента по фронтенду Wes Bos представил бесплатный сборник заметок по образцу содержания его курса по JavaScript для начинающих. Над этим ресурсом автор работал больше года.
https://proglib.io/w/74fcb55b
🎇 Пошаговое создание эффекта фейерверка с помощью CSS с примерами кода.
https://proglib.io/w/e51aa8b1
https://proglib.io/w/e51aa8b1
Alvaromontoro
Creating a Firework Effect with CSS
Last week I created a firework effect with CSS. It is relatively simple (it only requires one HTML element per firework) and customizable (it uses CSS custom properties to customize colors, sizes, positions...) In this tutorial I explain, step-by-step how…
Если у вас есть много повторяющихся элементов (например, 100 таблиц, 1000 форм, 500 одинаковых страниц и так далее) и хочется их переиспользовать, то гайд по написанию и рефакторингу компонентов для вас.
https://proglib.io/w/bb266f71
https://proglib.io/w/bb266f71
Хабр
Гайд по написанию и рефакторингу компонентов, которые хочется переиспользовать
Случалось ли вам, выполняя какую-то задачу, понять, что самый простой путь — нажать Сtrl+C, Сtrl+V: перетащить из соседней папочки пару файлов, поменять пару строчек, и будет ок? Повторялось ли это...
Шпаргалка по основным концепциям React: https://proglib.io/w/21647cb2
freeCodeCamp.org
The React Cheatsheet for 2022
Do you want to get up to speed with React as quickly as possible? I’ve put together a super helpful cheatsheet to give you a complete overview of all of the React concepts you need to know in 2022. Click here to download the cheatsheet in PDF format....
Веб-разработка для начинающих. Курс, посвящённый основам JavaScript, CSS и HTML
Курс от специалистов Azure Cloud Advocates из Microsoft включает 24 урока и рассчитан на 12 недель (некоторые уроки переведены на русский). Каждый урок содержит тесты до и после урока, задание, решение, письменные инструкции по завершению урока и многое другое.
— GitHub
— GitHub Pages
Курс от специалистов Azure Cloud Advocates из Microsoft включает 24 урока и рассчитан на 12 недель (некоторые уроки переведены на русский). Каждый урок содержит тесты до и после урока, задание, решение, письменные инструкции по завершению урока и многое другое.
— GitHub
— GitHub Pages
GitHub
GitHub - microsoft/Web-Dev-For-Beginners: 24 Lessons, 12 Weeks, Get Started as a Web Developer
24 Lessons, 12 Weeks, Get Started as a Web Developer - microsoft/Web-Dev-For-Beginners