📖 ТОП-10 книг по JavaScript в 2023 году
Популярные книги по изучению JavaScript на русском языке, опубликованные за последние несколько лет.
🔗Читать статью
🔗Зеркало
Популярные книги по изучению JavaScript на русском языке, опубликованные за последние несколько лет.
🔗Читать статью
🔗Зеркало
👍19❤4
📌Что внутри:
1⃣Основы TypeScript
2⃣Типизация функций
3⃣Типизация массивов
4⃣Подробнее о типах
5⃣Классы
6⃣Интерфейсы
7⃣Дженерики
8⃣Типизация объектов
👉 Пройти курс
Please open Telegram to view this post
VIEW IN TELEGRAM
Code-Basics
Обучение TypeScript с нуля
Прокачайте свои знания в бесплатном курсе по Typescript | Интерактивные упражнения прямо в браузере | Бесплатный курс TypeScript от CodeBasics
🔥13👍7
This media is not supported in your browser
VIEW IN TELEGRAM
Несколько интересных способов использования теней CSS
Автор делится несколькими хитростями для создания интересных эффектов, которые имеют мало общего с их основной ролью — добавлением глубины.
Вы научитесь накладывать одни тени на другие, а также использовать свойства и фильтры CSS для создания интересных эффектов наведения и разных стилей текста.
🔗Читать
Автор делится несколькими хитростями для создания интересных эффектов, которые имеют мало общего с их основной ролью — добавлением глубины.
Вы научитесь накладывать одни тени на другие, а также использовать свойства и фильтры CSS для создания интересных эффектов наведения и разных стилей текста.
🔗Читать
🔥10
#холивар
🌟❓Привет, подписчики! Вспомните свой профессиональный путь и ответьте на пару вопросов:
💬На какой стадии вашей жизни вы приобрели самые ценные знания и навыки, которые стали ключевыми для карьеры в IT?
💬Было ли это ещё в школьные годы, во времена колледжа/университета/института, в процессе самообразования или уже прямо на рабочем месте?
📌И самое главное — какие это были знания и навыки?
Делитесь опытом в комментариях👇
🌟❓Привет, подписчики! Вспомните свой профессиональный путь и ответьте на пару вопросов:
💬На какой стадии вашей жизни вы приобрели самые ценные знания и навыки, которые стали ключевыми для карьеры в IT?
💬Было ли это ещё в школьные годы, во времена колледжа/университета/института, в процессе самообразования или уже прямо на рабочем месте?
📌И самое главное — какие это были знания и навыки?
Делитесь опытом в комментариях👇
👍2
#айтисобытия #лучшиепрактики
🚀 Более 50-ти интересных докладов и воркшопов от ведущих фронтенд-разработчиков на тему JavaScript и всего, что с ним связано. Выбирайте и смотрите интересную для себя тему — на все уж точно не хватит времени👇
📺 HolyJS 2022 Autumn
📺 HolyJS 2022 Autumn: партнерские доклады
📺 HolyJS 2022 Autumn: Community Day
🚀 Более 50-ти интересных докладов и воркшопов от ведущих фронтенд-разработчиков на тему JavaScript и всего, что с ним связано. Выбирайте и смотрите интересную для себя тему — на все уж точно не хватит времени👇
📺 HolyJS 2022 Autumn
📺 HolyJS 2022 Autumn: партнерские доклады
📺 HolyJS 2022 Autumn: Community Day
🔥6
React теперь в телеграм!
- 40,14% разработчиков сайтов использовали React в 2023 году — это самая популярная библиотека для создания пользовательских интерфейсов;
- 212 600 звёзд у React на Github;
- 25,12% разработчиков хотят изучить React;
- 16.9 млн раз пользователи установили React
С каналом React JS вы сможете вывести свои навыки фронтенд разработки на совершенно новый уровень!
Ещё мы собрали маст-хэв мл-папку для Frontend разработчиков: https://yangx.top/addlist/mzMMG3RPZhY2M2Iy
Подписывайтесь, такие знания в 2023 году — на вес золота: @react_tg
- 40,14% разработчиков сайтов использовали React в 2023 году — это самая популярная библиотека для создания пользовательских интерфейсов;
- 212 600 звёзд у React на Github;
- 25,12% разработчиков хотят изучить React;
- 16.9 млн раз пользователи установили React
С каналом React JS вы сможете вывести свои навыки фронтенд разработки на совершенно новый уровень!
Ещё мы собрали маст-хэв мл-папку для Frontend разработчиков: https://yangx.top/addlist/mzMMG3RPZhY2M2Iy
Подписывайтесь, такие знания в 2023 году — на вес золота: @react_tg
👍10🥱4❤2🔥2👏1
#javascript #tip by Shripal Soni
💡 Возможно, вы не знали об этом способе одновременного удаления нескольких event listeners с помощью AbortController. Поиграть можно здесь.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥32
385. Firefox 117, form-sizing и релизы Chrome, State of CSS 2023…
Веб-стандарты
#подкасты
🎙Свежий выпуск подкаста «Веб-стандарты»: Алексей Симоненко, Никита Дубко, Андрей Мелихов про Firefox 117, form-sizing и релизы Chrome, State of CSS 2023, велосипеды Dropbox и Astro 3.0.
00:01:23 Firefox 117
00:08:29 Прототип form-sizing
00:20:25 State of CSS 2023
00:58:20 Велосипеды Dropbox
01:20:00 Astro 3.0
01:36:00 Ответы на вопросы
⏯ YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста
🎙Свежий выпуск подкаста «Веб-стандарты»: Алексей Симоненко, Никита Дубко, Андрей Мелихов про Firefox 117, form-sizing и релизы Chrome, State of CSS 2023, велосипеды Dropbox и Astro 3.0.
00:01:23 Firefox 117
00:08:29 Прототип form-sizing
00:20:25 State of CSS 2023
00:58:20 Велосипеды Dropbox
01:20:00 Astro 3.0
01:36:00 Ответы на вопросы
⏯ YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста
👍4
Какой(-ая), по вашему мнению, фронтенд фреймворк/библиотека будут наиболее активно развиваться в следующем году?
Anonymous Poll
56%
React
16%
Angular
2%
Alpine.js
1%
Ember
1%
Stencil
32%
Vue.js
3%
Preact
15%
Svelte
5%
Qwik
8%
Другой вариант (напишу в комментарии)
This media is not supported in your browser
VIEW IN TELEGRAM
#css #tip by Shripal Soni
💡Получаем доступ к значению HTML-атрибута как к строке внутри CSS: наглядный пример для фронтенд-разработчика
👉 Поиграть можно здесь.
💡Получаем доступ к значению HTML-атрибута как к строке внутри CSS: наглядный пример для фронтенд-разработчика
👉 Поиграть можно здесь.
👍22🔥9
Forwarded from Библиотека программиста | программирование, кодинг, разработка
📌Как понять, что что-то идёт не так? Это сравнимо с постоянным стрессом — поэтому вы не можете:
• расслабляться;
• радоваться;
• придумывать новое;
• планировать будущее и вообще смотреть на него широко открытыми глазами;
• расставлять приоритеты;
• заставить себя сделать необходимые задачи;
• концентрироваться;
• запоминать.
📌Как не попасть в зависимость от работы? Просто имейте это в виду:
1️⃣Работа никогда не закончится
2️⃣Незаменимых людей нет
3️⃣Ты не перестанешь расти, если будешь себя хвалить
4️⃣Не кори себя за «лень», когда чувствуешь усталость
5️⃣Не бойся просить о помощи
6️⃣Умерь свой перфекционизм
7️⃣Тайм-менеджмент реально помогает
📌Что делать, если ты уже выгорел?
⚠️Научиться отдыхать, но это еще не все.
А теперь по шагам: что делать, если выгорел👇
Отдохни 👉 Выйди на прогулку 👉 Вспомни, какие занятия доставляли тебе удовольствие 👉 Системно займись тайм-менеджментом 👉 Будь себе другом, относись к себе бережно и работай над отношениями, даже если эти отношения — с работой
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6🥱3
#айтисобытия #лучшиепрактики
🚀 Весь плейлист можно посмотреть здесь. А вот лучшие доклады заслуживают отдельного внимания:
🌐 Chrome DevTools — спрятанные полезности / Никита Дубко (Яндекс)
🌐 Ораторское мастерство как инструмент развития карьеры / Александра Прокшина (ARTW)
🌐 Инженерный подход к внедрению дизайн-системы / Семен Левенсон (Дзен)
🌐 Высококонверсионные собеседования / Андрей Смирнов (X5 Group)
🌐 Синий свет — зеленый свет: релизим без даунтаймов / Николай Тихонов (Тинькофф)
🌐 Webpack: заменить нельзя оставить / Евгений Кувшинов
🌐 Микросервис головного мозга. Рецепты качества / Михаил Трифонов (Сloud)
🌐 История о том, как мы на Module Federation съезжали / Максим Смирнов (Тинькофф)
🌐 Рано выбрасывать iframe в 2022-м году / Андрей Кузнецов (РБС)
🌐 Многопоточность на фронте. Абсурд или прекрасное архитектурное решение? / Игорь Костяков (IBS Dunice)
Please open Telegram to view this post
VIEW IN TELEGRAM
❤9👍5
А ведь действительно, некоторые подписчики верно подметили в комментариях к опросу про Astro, ведь буквально недавно был представлен релиз Astro 3.0.
🚀На 30% быстрее и мощнее, чем когда-либо. Внутри: View Transitions, Image Optimization, JSX Fast Refresh и многое другое.
💡Статью-анонс нового выпуска обязательно стоит прочитать, ровно как и материал в блоге Chrome про Astro View Transitions.
💬Кто-то уже использовал? Поделитесь опытом и впечатлениями.
🚀На 30% быстрее и мощнее, чем когда-либо. Внутри: View Transitions, Image Optimization, JSX Fast Refresh и многое другое.
💡Статью-анонс нового выпуска обязательно стоит прочитать, ровно как и материал в блоге Chrome про Astro View Transitions.
💬Кто-то уже использовал? Поделитесь опытом и впечатлениями.
Telegram
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
Какой(-ая), по вашему мнению, фронтенд фреймворк/библиотека будут наиболее активно развиваться в следующем году?
React / Angular / Alpine.js / Ember / Stencil / Vue.js / Preact / Svelte / Qwik / Другой вариант (напишу в комментарии)
React / Angular / Alpine.js / Ember / Stencil / Vue.js / Preact / Svelte / Qwik / Другой вариант (напишу в комментарии)
👍5❤1
Не нужно учить Svelte, потому что... угадайте что?
Вы уже знаете его! Это всё JavaScript, только в более крутом исполнении. По крайней мере, так считает автор статьи.
🔍Что такое Svelte?
• UI-фреймворк: быстрый, простой и довольно популярный.
• Встроенный компилятор, преобразующий .svelte-файлы в чистый JavaScript-код. Итоговый результат работы фреймворка представляет собой код без намека на этот самый фреймворк, перекладывая всю тяжелую работу на этап сборки приложения.
• Лаконичный: только HTML, CSS и JS.
• Полный: встроенное управление состоянием и стили, ограниченные компонентами.
🤖Svelte vs React
• Эффекты/Реактивность: Svelte автоматически отслеживает зависимости.
• Управление состоянием: Svelte предлагает простое решение "pub-sub".
• Жизненный цикл: в отличие от React, Svelte предоставляет более явные методы для управления жизненным циклом компонентов.
🎨Примеры: в то время как в React вам нужны обертки, Svelte позволяет вам напрямую работать с библиотеками, такими как Chart.js.
🚀Начало работы с Svelte
• Основы: обязательно начните с документации.
• Создайте проект: попробуйте создать свой собственный проект на Svelte — идеи для проектов также есть в статье.
🌟Заключение
Svelte — это свежий взгляд на веб-разработку, который позволяет вам сосредоточиться на создании приложения, а не на изучении сложных особенностей фреймворка.
🔗Читать статью
Вы уже знаете его! Это всё JavaScript, только в более крутом исполнении. По крайней мере, так считает автор статьи.
🔍Что такое Svelte?
• UI-фреймворк: быстрый, простой и довольно популярный.
• Встроенный компилятор, преобразующий .svelte-файлы в чистый JavaScript-код. Итоговый результат работы фреймворка представляет собой код без намека на этот самый фреймворк, перекладывая всю тяжелую работу на этап сборки приложения.
• Лаконичный: только HTML, CSS и JS.
• Полный: встроенное управление состоянием и стили, ограниченные компонентами.
🤖Svelte vs React
• Эффекты/Реактивность: Svelte автоматически отслеживает зависимости.
• Управление состоянием: Svelte предлагает простое решение "pub-sub".
• Жизненный цикл: в отличие от React, Svelte предоставляет более явные методы для управления жизненным циклом компонентов.
🎨Примеры: в то время как в React вам нужны обертки, Svelte позволяет вам напрямую работать с библиотеками, такими как Chart.js.
🚀Начало работы с Svelte
• Основы: обязательно начните с документации.
• Создайте проект: попробуйте создать свой собственный проект на Svelte — идеи для проектов также есть в статье.
🌟Заключение
Svelte — это свежий взгляд на веб-разработку, который позволяет вам сосредоточиться на создании приложения, а не на изучении сложных особенностей фреймворка.
🔗Читать статью
Kavii Suri
You Don't Need to Learn Svelte – Here's Why
Discover the hidden power of Svelte – the JavaScript framework that feels like déjà vu. Uncover how Svelte simplifies web development, reimagining JS.
👍9❤3🤩3🥱1
➕В инспекторе совместимости рядом с CSS-свойствами, которые могут привести к проблемам веб-совместимости, теперь отображается значок. При наведении на него появляется всплывающая подсказка со сведениями о том, какие браузеры не поддерживают это свойство, и ссылкой на страницу свойства в MDN.
➕
console.clear()
больше не очищает вывод консоли при включённой настройке «Непрерывные логи».➕В сетевом мониторе появилась пометка о том, что запрос выполнен через прокси.
➕При просмотре сгруппированных правил CSS теперь отображаются отступы и открывающие/закрывающие скобки.
➕Появилось предупреждение о проигнорированных свойствах выделенных псевдоэлементов.
➕Реализована подсветка контура offset-path.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10❤5🔥2
🤔Трудно правильно структурировать асинхронный код, чтобы он выполнялся в том порядке, в котором вы этого хотите. К счастью, у нас есть линтеры, позволяющие выявить некоторые ошибки на ранних этапах.
📋В руководстве приведена мини-коллекция правил линтинга, которые помогут вам писать асинхронный код на JavaScript/TypeScript и Node.js.
📌Часть правил по умолчанию поставляются с ESLint, часть предназначены для Node.js, а остальные — для TypeScript.
Please open Telegram to view this post
VIEW IN TELEGRAM
eslint.org
Getting Started with ESLint - ESLint - Pluggable JavaScript Linter
A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease.
👍7❤4