Андрей Соколов из 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
🎙Как инженеру не умереть со скуки во фронтенде
Запись подкаста Frontend Weekend с Полиной Гуртовой, из которого вы узнаете много интересных мыслей о фронтенде и многом другом.
https://proglib.io/w/36cfc134
Запись подкаста Frontend Weekend с Полиной Гуртовой, из которого вы узнаете много интересных мыслей о фронтенде и многом другом.
https://proglib.io/w/36cfc134
YouTube
Как инженеру не умереть со скуки во фронтенде – Полина Гуртовая — Frontend Weekend
10% скидка на популярные курсы по программированию - https://tutortop.ru/?utm_source=youtube&utm_medium=influence&utm_campaign=razraby
erid: 2VtzqvZVsmL
Телеграм-канал "Разрабы"
https://yangx.top/rzrbs
Подписывайтесь на соц сети:
https://vk.com/rzrbs
https:…
erid: 2VtzqvZVsmL
Телеграм-канал "Разрабы"
https://yangx.top/rzrbs
Подписывайтесь на соц сети:
https://vk.com/rzrbs
https:…
Главные болевые точки веб-разработчика в 2022 году
Во первых, автор статьи кратко представил обновлённые данные двух кварталов текущего года относительно прошлого, во вторых, он обобщил мысли более 18-ти разработчиков по данной теме. В общем, получилось любопытно.
https://proglib.io/w/c018c7fc
Во первых, автор статьи кратко представил обновлённые данные двух кварталов текущего года относительно прошлого, во вторых, он обобщил мысли более 18-ти разработчиков по данной теме. В общем, получилось любопытно.
https://proglib.io/w/c018c7fc
paul.kinlan.me
Top web developer pain points in 2021
Paul is a Developer Advocate for Chrome and the Open Web at Google and loves to help make web development easier.
Руководство по TypeScript для начинающих:
— Часть 1. Введение и примитивные типы данных
— Часть 2. Ссылочные типы данных
— Часть 1. Введение и примитивные типы данных
— Часть 2. Ссылочные типы данных
Хабр
Изучение TypeScript — Полное руководство для начинающих. Часть 1 — Введение и примитивные типы данных
Всем привет. Меня зовут Лихопой Кирилл и я - Fullstack-разработчик. Представляю вашему вниманию cвою первую статью на Хабре, a точнее перевод англоязычной статьи, на тему изучения TypeScript (TS,...
🔧quick-lint-js — линтер для JavaScript-кода, который быстрее, проще и дружелюбнее ESLint.
https://proglib.io/w/b06cd563
https://proglib.io/w/b06cd563
Quick-Lint-Js
quick-lint-js: find JavaScript bugs
quick-lint-js gives you instant feedback as you code. Find bugs in your JavaScript before your finger leaves the keyboard.
Разработка простого клона Twitter с функциями CRUD для публикации, чтения и удаления твитов
Руководство затрагивает следующие языки и инструменты:
— Node.js (express.js + nest.js)
— MongoDB + PostgreSQL
— Docker
— TypeScript
— React (Hooks и Context API)
— Storybook.js
— Jest + React Testing Library + Cypress
https://proglib.io/w/e8a1e16a
Руководство затрагивает следующие языки и инструменты:
— Node.js (express.js + nest.js)
— MongoDB + PostgreSQL
— Docker
— TypeScript
— React (Hooks и Context API)
— Storybook.js
— Jest + React Testing Library + Cypress
https://proglib.io/w/e8a1e16a
DEV Community
The Complete Modern React Developer 2022
Introduction This will be a course for becoming a Complete Modern React Developer in 2022....
Реализация шагающей игрушки слинки на чистом CSS
Интересные подходы и приемы CSS-анимации в пошаговом руководстве 👉 https://proglib.io/w/2023d427
Интересные подходы и приемы CSS-анимации в пошаговом руководстве 👉 https://proglib.io/w/2023d427
CSS-Tricks
How to Make a CSS Slinky in 3D | CSS-Tricks
You know Slinkys, right? That classic toy you knock down the stairs and it travels with its own momentum. Let's make one with pure CSS!
Batching, useDeferredValue, useTransition и другие новые фичи React 18 в обзоре Ulbi TV.
https://proglib.io/w/495a798b
https://proglib.io/w/495a798b
YouTube
НОВЫЙ REACT 18 ВЫШЕЛ
В этом ролике мы посмотрим новые фичи React 18. Batching, useDeferredValue, useTransition и другое
Мой курс "Продвинутый Frontend. В production на React" - https://ulbitv.ru/frontend
Мой канал в telegram и канал для общения подписчиков - https://yangx.top/ulbi_tv…
Мой курс "Продвинутый Frontend. В production на React" - https://ulbitv.ru/frontend
Мой канал в telegram и канал для общения подписчиков - https://yangx.top/ulbi_tv…
Разбор практических шагов, которые помогут повысить производительность при использовании Next.js.
https://proglib.io/w/48796f60
https://proglib.io/w/48796f60
Больше CSS-комиксов и других полезных материалов здесь. А ещё есть YouTube-канал автора комиксов, где можно научиться этому и не только.
☕ 5+5=? Преобразование значений в строку или число в JavaScript
В языке JavaScript данные можно преобразовывать автоматически либо с помощью функций. В статье узнаем, как работают способы преобразования данных в JS и почему при сложении 5 и 5 мы можем получить 55 вместо 10.
https://proglib.io/sh/R8bmdvKkz0
В языке JavaScript данные можно преобразовывать автоматически либо с помощью функций. В статье узнаем, как работают способы преобразования данных в JS и почему при сложении 5 и 5 мы можем получить 55 вместо 10.
https://proglib.io/sh/R8bmdvKkz0
Обзор основных концепций ООП с примерами на JavaScript: https://proglib.io/w/6eb03378
Хабр
Знакомство с ООП на примере JavaScript
Всем привет! В этой статье мы рассмотрим основные характеристики объектно-ориентированного программирования (ООП) на практических примерах JS-кода. В ходе обсуждения мы осветим основные принципы ООП,...
«Библиотека программиста» находится в поиске автора оригинальных статей.
Языки:
– Python, JavaScript, Java, Go, SQL.
Тематика:
– Data Science, базовые концепции языков, продвинутый Python, JS (и т. д), бэкенд веб-приложений, фронтенд-разработка, системное программирование, базы данных.
Объем:
– от 5 до 10 тыс. знаков с пробелами.
➡️ Заполнить анкету ⬅️
Я хорошо программирую, но пишу «так себе». Что делать?
Если ты хорошо программируешь, но навыки письма немного отстают, пройди наш бесплатный курс на Степике «Статьи для IT: как объяснять и распространять значимые идеи».
Языки:
– Python, JavaScript, Java, Go, SQL.
Тематика:
– Data Science, базовые концепции языков, продвинутый Python, JS (и т. д), бэкенд веб-приложений, фронтенд-разработка, системное программирование, базы данных.
Объем:
– от 5 до 10 тыс. знаков с пробелами.
➡️ Заполнить анкету ⬅️
Я хорошо программирую, но пишу «так себе». Что делать?
Если ты хорошо программируешь, но навыки письма немного отстают, пройди наш бесплатный курс на Степике «Статьи для IT: как объяснять и распространять значимые идеи».