Перед вами мини-курс по асинхронному программированию на JavaScript от freeCodeCamp. Вы изучите основные концепции и примените знания на практике.
⌨️ (0:00:27) Part 1 Overview
⌨️ (0:00:50) Prerequisites
⌨️ (0:01:02) What is Synchronous Programming
⌨️ (0:01:14) What is Asynchronous Programming
⌨️ (0:05:13) Call Backs
⌨️ (0:09:45) Call Back HELL
⌨️ (0:10:07) Call Back HELL Example
⌨️ (0:12:55) Promises
⌨️ (0:13:26) 3 States of a Promise
⌨️ (0:19:38) Consuming Promises
⌨️ (0:19:52) Then/Catch
⌨️ (0:24:59) Common Mistakes (Then/Catch)
⌨️ (0:27:01) Promise.All()
⌨️ (0:31:10) Async/Await
⌨️ (0:40:55) Part 2
⌨️ (0:41:19) Recap Promises
⌨️ (0:43:14) Fetch API
⌨️ (0:51:58) Chuck Norris API
⌨️ (1:02:16) Weather API
⌨️ (1:30:48) Pokedex API
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
clip-path
часто используется для обрезки узла DOM в определенные формы, например, треугольники. Но что, если использовать его для анимации?Автор статьи погружается в
clip-path
и рассматривает некоторые из интересных вещей, которые вы можете с ним сделать. Как только вы прочтете ее, вы начнете видеть, что это свойство используется везде.👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
🧑💻 Статьи для IT: как объяснять и распространять значимые идеи
Напоминаем, что у нас есть бесплатный курс для всех, кто хочет научиться интересно писать — о программировании и в целом.
Что: семь модулей, посвященных написанию, редактированию, иллюстрированию и распространению публикаций.
Для кого: для авторов, копирайтеров и просто программистов, которые хотят научиться интересно рассказывать о своих проектах.
👉Материалы регулярно дополняются, обновляются и корректируются. А еще мы отвечаем на все учебные вопросы в комментариях курса.
Напоминаем, что у нас есть бесплатный курс для всех, кто хочет научиться интересно писать — о программировании и в целом.
Что: семь модулей, посвященных написанию, редактированию, иллюстрированию и распространению публикаций.
Для кого: для авторов, копирайтеров и просто программистов, которые хотят научиться интересно рассказывать о своих проектах.
👉Материалы регулярно дополняются, обновляются и корректируются. А еще мы отвечаем на все учебные вопросы в комментариях курса.
Самые полезные каналы для программистов в одной подборке!
Сохраняйте себе, чтобы не потерять 💾
🔥Для всех
Библиотека программиста — новости, статьи, досуг, фундаментальные темы
Книги для программистов
IT-мемы
Proglib Academy — тут мы рассказываем про обучение и курсы
Азбука айтишника — здесь мы познаем азы из мира программирования
🤖Про нейросети
Библиотека робототехники и беспилотников | Роботы, ИИ, интернет вещей
Библиотека нейрозвука | Транскрибация, синтез речи, ИИ-музыка
Библиотека нейротекста | ChatGPT, Gemini, Bing
Библиотека нейровидео | Sora AI, Runway ML, дипфейки
Библиотека нейрокартинок | Midjourney, DALL-E, Stable Diffusion
#️⃣C#
Книги для шарпистов | C#, .NET, F#
Библиотека шарписта — полезные статьи, новости и обучающие материалы по C#
Библиотека задач по C# — код, квизы и тесты
Библиотека собеса по C# — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Вакансии по C#, .NET, Unity Вакансии по PHP, Symfony, Laravel
☁️DevOps
Библиотека devops’а — полезные статьи, новости и обучающие материалы по DevOps
Вакансии по DevOps & SRE
Библиотека задач по DevOps — код, квизы и тесты
Библиотека собеса по DevOps — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
🐘PHP
Библиотека пхпшника — полезные статьи, новости и обучающие материалы по PHP
Вакансии по PHP, Symfony, Laravel
Библиотека PHP для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по PHP — код, квизы и тесты
🐍Python
Библиотека питониста — полезные статьи, новости и обучающие материалы по Python
Вакансии по питону, Django, Flask
Библиотека Python для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Python — код, квизы и тесты
☕Java
Книги для джавистов | Java
Библиотека джависта — полезные статьи по Java, новости и обучающие материалы
Библиотека Java для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Java — код, квизы и тесты
Вакансии для java-разработчиков
👾Data Science
Книги для дата сайентистов | Data Science
Библиотека Data Science — полезные статьи, новости и обучающие материалы по Data Science
Библиотека Data Science для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Data Science — код, квизы и тесты
Вакансии по Data Science, анализу данных, аналитике, искусственному интеллекту
🦫Go
Книги для Go разработчиков
Библиотека Go разработчика — полезные статьи, новости и обучающие материалы по Go
Библиотека Go для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Go — код, квизы и тесты
Вакансии по Go
🧠C++
Книги для C/C++ разработчиков
Библиотека C/C++ разработчика — полезные статьи, новости и обучающие материалы по C++
Библиотека C++ для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по C++ — код, квизы и тесты
Вакансии по C++
💻Другие каналы
Библиотека фронтендера
Библиотека мобильного разработчика
Библиотека хакера
Библиотека тестировщика
Библиотека разработчика игр | Gamedev, Unity, Unreal Engine
Вакансии по фронтенду, джаваскрипт, React, Angular, Vue
Вакансии для мобильных разработчиков
Вакансии по QA тестированию
InfoSec Jobs — вакансии по информационной безопасности
📁Чтобы добавить папку с нашими каналами, нажмите 👉сюда👈
Также у нас есть боты:
Бот с IT-вакансиями
Бот с мероприятиями в сфере IT
Мы в других соцсетях:
🔸VK
🔸YouTube
🔸Дзен
🔸Facebook *
🔸Instagram *
* Организация Meta запрещена на территории РФ
Сохраняйте себе, чтобы не потерять 💾
🔥Для всех
Библиотека программиста — новости, статьи, досуг, фундаментальные темы
Книги для программистов
IT-мемы
Proglib Academy — тут мы рассказываем про обучение и курсы
Азбука айтишника — здесь мы познаем азы из мира программирования
🤖Про нейросети
Библиотека робототехники и беспилотников | Роботы, ИИ, интернет вещей
Библиотека нейрозвука | Транскрибация, синтез речи, ИИ-музыка
Библиотека нейротекста | ChatGPT, Gemini, Bing
Библиотека нейровидео | Sora AI, Runway ML, дипфейки
Библиотека нейрокартинок | Midjourney, DALL-E, Stable Diffusion
#️⃣C#
Книги для шарпистов | C#, .NET, F#
Библиотека шарписта — полезные статьи, новости и обучающие материалы по C#
Библиотека задач по C# — код, квизы и тесты
Библиотека собеса по C# — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Вакансии по C#, .NET, Unity Вакансии по PHP, Symfony, Laravel
☁️DevOps
Библиотека devops’а — полезные статьи, новости и обучающие материалы по DevOps
Вакансии по DevOps & SRE
Библиотека задач по DevOps — код, квизы и тесты
Библиотека собеса по DevOps — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
🐘PHP
Библиотека пхпшника — полезные статьи, новости и обучающие материалы по PHP
Вакансии по PHP, Symfony, Laravel
Библиотека PHP для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по PHP — код, квизы и тесты
🐍Python
Библиотека питониста — полезные статьи, новости и обучающие материалы по Python
Вакансии по питону, Django, Flask
Библиотека Python для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Python — код, квизы и тесты
☕Java
Книги для джавистов | Java
Библиотека джависта — полезные статьи по Java, новости и обучающие материалы
Библиотека Java для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Java — код, квизы и тесты
Вакансии для java-разработчиков
👾Data Science
Книги для дата сайентистов | Data Science
Библиотека Data Science — полезные статьи, новости и обучающие материалы по Data Science
Библиотека Data Science для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Data Science — код, квизы и тесты
Вакансии по Data Science, анализу данных, аналитике, искусственному интеллекту
🦫Go
Книги для Go разработчиков
Библиотека Go разработчика — полезные статьи, новости и обучающие материалы по Go
Библиотека Go для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Go — код, квизы и тесты
Вакансии по Go
🧠C++
Книги для C/C++ разработчиков
Библиотека C/C++ разработчика — полезные статьи, новости и обучающие материалы по C++
Библиотека C++ для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по C++ — код, квизы и тесты
Вакансии по C++
💻Другие каналы
Библиотека фронтендера
Библиотека мобильного разработчика
Библиотека хакера
Библиотека тестировщика
Библиотека разработчика игр | Gamedev, Unity, Unreal Engine
Вакансии по фронтенду, джаваскрипт, React, Angular, Vue
Вакансии для мобильных разработчиков
Вакансии по QA тестированию
InfoSec Jobs — вакансии по информационной безопасности
📁Чтобы добавить папку с нашими каналами, нажмите 👉сюда👈
Также у нас есть боты:
Бот с IT-вакансиями
Бот с мероприятиями в сфере IT
Мы в других соцсетях:
🔸VK
🔸YouTube
🔸Дзен
🔸Facebook *
🔸Instagram *
* Организация Meta запрещена на территории РФ
🏦🕵 Банковский фейс-контроль: как финтех распознает «хорошего» клиента
Мечта любого банка — много законопослушных клиентов, которые активно пользуются услугами и сервисами (желательно платными). Однако вместе с такими клиентами банки также получают сомнительных личностей, которые ведут незаконную деятельность и пользуются счетами и картами в сомнительных целях. Бороться с такими клиентам помогает развитая система верификации пользователей.
🔗 Читать статью
🔗 Зеркало
Мечта любого банка — много законопослушных клиентов, которые активно пользуются услугами и сервисами (желательно платными). Однако вместе с такими клиентами банки также получают сомнительных личностей, которые ведут незаконную деятельность и пользуются счетами и картами в сомнительных целях. Бороться с такими клиентам помогает развитая система верификации пользователей.
🔗 Читать статью
🔗 Зеркало
📩 Друзья-фронтендеры!
Мы запускаем еженедельную email-рассылку, посвященную миру фронтенд-разработки. В ней вы найдете:
• Последние тренды и новости
• Полезные инструменты и ресурсы
• Советы по оптимизации кода
• Интересные проекты и кейсы
👇👇👇
Мы запускаем еженедельную email-рассылку, посвященную миру фронтенд-разработки. В ней вы найдете:
• Последние тренды и новости
• Полезные инструменты и ресурсы
• Советы по оптимизации кода
• Интересные проекты и кейсы
👇👇👇
☝️☝️☝️ Вопрос к вам: в какой день недели вы бы хотели получать нашу рассылку?
Anonymous Poll
30%
Понедельник
7%
Вторник
10%
Среда
7%
Четверг
21%
Пятница
12%
Суббота
13%
Воскресенье
431. Firefox 128, особенный доступ Chromium, Interop 2024, Zed на…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Никита Дубко и Алексей Симоненко про Firefox 128, особенный доступ Chromium, Interop 2024, Zed на Linux, View Transition и GitHub.
00:01:50 Firefox 128
00:25:53 Особенный доступ Chromium
00:45:03 Как дела у Interop 2024
01:05:23 Редактор Zed на Linux
01:14:19 Непонятки View Transition
01:37:59 Усталость от GitHub
01:52:50 Ответы на вопросы
▶️ YouTube | Сайт подкаста
#подкасты #новости
00:01:50 Firefox 128
00:25:53 Особенный доступ Chromium
00:45:03 Как дела у Interop 2024
01:05:23 Редактор Zed на Linux
01:14:19 Непонятки View Transition
01:37:59 Усталость от GitHub
01:52:50 Ответы на вопросы
▶️ YouTube | Сайт подкаста
#подкасты #новости
🤔 Стреляем себе в ногу из localStorage
Все фронтендеры любят localStorage — ведь в него можно прикопать данные без всяких баз и серверов. Но из localStorage можно отлично обстрелять себе ногу — автор делится шестью встроенными пулеметами и рассказывает, как с ними бороться:
🔫 Коллизии ключей
🔫 Изменение схемы данных
🔫 Рассинхрон схемы на чтение и на запись
🔫 Ошибки setItem
🔫 Чтение localStorage в SSR
🔫 Отсутствие изоляции между пользователями
Все фронтендеры любят localStorage — ведь в него можно прикопать данные без всяких баз и серверов. Но из localStorage можно отлично обстрелять себе ногу — автор делится шестью встроенными пулеметами и рассказывает, как с ними бороться:
🔫 Коллизии ключей
🔫 Изменение схемы данных
🔫 Рассинхрон схемы на чтение и на запись
🔫 Ошибки setItem
🔫 Чтение localStorage в SSR
🔫 Отсутствие изоляции между пользователями
📌 Какие темы вас ждут?
☑️ Роль стейт-менеджера в управлении состоянием в приложениях
☑️ Различия между функционально-реактивным и объектно-ориентированным реактивным программированием
☑️ Проблемы и преимущества React
☑️ Сложности дебага реактивного кода
☑️ Использование Reatom
☑️ Альтернативы Redux и другие подходы к управлению состоянием
⏱️ Таймкоды:
00:00 Интро и о спикере
04:08 Понятие состояния и его управление
09:45 Различные подходы к реактивному программированию
14:10 Проблемы с Backbone и появление React
23:05 Внесение сигналов в стандарт JavaScript
28:32 Проблемы дебага в реактивном коде
32:39 Использование аборт-контроллера в Reatom
38:20 Вдохновение от библиотек Cerebro.js и Kefir, а также паттерна Function 3
43:06 Библиотека Kefir и реактивность
46:25 Работа с асинхронными данными и персистентность в Reatom
49:16 Комьюнити Reatom
57:51 Альтернативы Redux: Redux Toolkit, MobX и Effector
58:46 Проблемы Redux Toolkit
01:05:26 Проблемы MobX
01:09:15 Преимущества Effector
01:10:07 Экосистема и готовые решения каждой библиотеки
01:11:52 Active Communities and Good Documentation
01:12:49 Zustand: Less Documentation and Use Cases
01:13:16 MobX's Optional Decorator
01:14:12 React Query for React Developers
01:14:59 Jotai: A Lightweight Alternative
01:15:53 Effector and Reatom: More Powerful but Complex
01:16:50 Choosing the Right Library
01:26:06 Решение проблемы с зомби-чудранами и управление ресурсами
01:28:00 Архитектурная организация атомов и файлов
01:29:35 Фабрики и паттерн computed factory
01:33:02 Минусы и текущие проблемы риатома
01:39:52 Недостатки риатома и реактивного программирования
01:40:21 Проблемы с дебаггингом в риатоме
01:41:20 Альтернатива реактивности: конечные автоматы
01:44:39 Библиотека FSMoothy для работы с конечными автоматами
01:48:31 Разница между состоянием и атрибутами в реактивном программировании
Please open Telegram to view this post
VIEW IN TELEGRAM
#css #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Библиотека девопса | DevOps, SRE, Sysadmin
💬😊 Как найти общий язык с коллегами на новой работе: 11 простых советов
Практичные советы для эффективной адаптации на новом рабочем месте и налаживания контакта с коллегами.
Читать статью
Практичные советы для эффективной адаптации на новом рабочем месте и налаживания контакта с коллегами.
Читать статью
🤔 CSS-классы вредны
Если вы когда-нибудь заглядывали за кулисы пользовательских веб-интерфейсов, то знаете для чего нужно свойство
Автор статьи рассказывает о том, почему настало время отказаться от него. Имена классов — это архаичная система, используемая как неудачный посредник для примитивов UI.
Ещё хуже то, что они создают ужасные сочетания, приводящие к комбинаторному взрыву странных пограничных случаев. Автор изучает этот вопрос, начав со скучного урока истории, который вы уже слышали миллион раз.
👉 Читать
Если вы когда-нибудь заглядывали за кулисы пользовательских веб-интерфейсов, то знаете для чего нужно свойство
class
. Оно ведь нужно для связи HTML с CSS, правда? Автор статьи рассказывает о том, почему настало время отказаться от него. Имена классов — это архаичная система, используемая как неудачный посредник для примитивов UI.
Ещё хуже то, что они создают ужасные сочетания, приводящие к комбинаторному взрыву странных пограничных случаев. Автор изучает этот вопрос, начав со скучного урока истории, который вы уже слышали миллион раз.
👉 Читать
Вы наверняка знаете Dr. Axel по его замечательным записям в блоге на протяжении многих лет, но у него также есть впечатляющая коллекция книг, которые вы можете прочитать бесплатно, включая недавно обновленные Exploring JavaScript (ES2024 Edition), Deep JavaScript и Tackling TypeScript.
Please open Telegram to view this post
VIEW IN TELEGRAM
🛠 InfiniteGrid 4.12 — бесконечное размещение карточек в макете сетки
Зелый и проверенный способ создания сеток, состоящих из элементов карточек разных размеров. Успешно работает как на десктопах, так и на мобильных устройствах, имеет интеграцию с React, Vue, Angular, Svelte и другими.
👉 GitHub
Зелый и проверенный способ создания сеток, состоящих из элементов карточек разных размеров. Успешно работает как на десктопах, так и на мобильных устройствах, имеет интеграцию с React, Vue, Angular, Svelte и другими.
👉 GitHub
432. Доклады и лайвы, приватный Safari, анимация auto, SVG, ускорение…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Вадим Макеев, Алексей Симоненко, Полина Гуртовая про видео докладов и лайвов, приватный Safari, анимацию auto, копирование SVG, ускорение Notion, Node.js, шрифты и State of React.
00:02:17 Доклады и лайвы
00:08:22 Такой приватный Safari
00:45:37 Анимация height: auto
00:55:00 Копирование SVG
01:00:20 Ускорение Notion
01:16:03 Node.js 22
01:23:46 Инкрементальные шрифты
01:44:28 State of React 2023
01:55:32 Ответы на вопросы
▶️ YouTube | Сайт подкаста
#подкасты #новости
00:02:17 Доклады и лайвы
00:08:22 Такой приватный Safari
00:45:37 Анимация height: auto
00:55:00 Копирование SVG
01:00:20 Ускорение Notion
01:16:03 Node.js 22
01:23:46 Инкрементальные шрифты
01:44:28 State of React 2023
01:55:32 Ответы на вопросы
▶️ YouTube | Сайт подкаста
#подкасты #новости
🤖🔞 Пишем Telegram-бота для фильтрации нецензурной лексики в чате
Автор «Библиотеки программиста» представил бесплатного Telegram-бота для фильтрации нецензурных выражений в чате Telegram, который разработан на JavaScript с использованием фреймворка grammY. В статье — основные составляющие Telegram-бота, необходимые для его работы.
👉 Читать статью
👉 Зеркало
Автор «Библиотеки программиста» представил бесплатного Telegram-бота для фильтрации нецензурных выражений в чате Telegram, который разработан на JavaScript с использованием фреймворка grammY. В статье — основные составляющие Telegram-бота, необходимые для его работы.
👉 Читать статью
👉 Зеркало
#css #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
🆕 JavaScript эволюционирует: новые методы и функции для эффективной разработки
Нововведения нацелены на повышение читаемости и эффективности кода. Рассмотрим, как Object.groupBy, регулярные выражения с V-флагом, Promise.withResolvers и методы мутации массивов решают актуальные задачи программирования.
🔗 Читать статью
🔗 Зеркало
Нововведения нацелены на повышение читаемости и эффективности кода. Рассмотрим, как Object.groupBy, регулярные выражения с V-флагом, Promise.withResolvers и методы мутации массивов решают актуальные задачи программирования.
🔗 Читать статью
🔗 Зеркало
This media is not supported in your browser
VIEW IN TELEGRAM
💡Недооцененные возможности CSS grid: подробное руководство с множеством интерактивных демонстраций
Свежий взгляд на CSS grid template areas и на то, как сегодня использовать весь их потенциал.
👉 Читать
Свежий взгляд на CSS grid template areas и на то, как сегодня использовать весь их потенциал.
👉 Читать
Конкурс года в «Библиотеке программиста»: смонтируйте короткий вертикальный ролик формата Shorts/Reels* на тему программирования и разработки — лучший автор получит 40 тысяч рублей
Подробные условия:
Какие ролики мы не принимаем:
Таймлайн:
2 августа — заканчиваем принимать видео
⬇️
3 августа — начинаем загружать лучшие видео в инстаграм
⬇️
9 августа — подводим итоги
*Организация Meta признана экстремистской в РФ
Please open Telegram to view this post
VIEW IN TELEGRAM