This media is not supported in your browser
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤12👍4🔥2
🛣 Front End Developer Roadmap 2024 входит в курс для новичков-фронтендеров:
🌐 HTML Tutorial
🌐 CSS Tutorial
🌐 Visual Studio Code Crash Course
🌐 JavaScript Programming
🌐 Prompt Engineering Tutorial
🌐 Build a Simple Website with HTML, CSS, JavaScript
🌐 Web App Tutorial
🌐 Git and GitHub for Beginners
🌐 Learn Bootstrap 5 and SASS by Building a Portfolio Website
🌐 Learn React 18 with Redux Toolkit
🌐 Learn Tailwind CSS
🌐 Learn Vite
🌐 Testing JavaScript with Cypress
🌐 React Testing Course for Beginners
🌐 Learn TypeScript
🌐 GraphQL Course for Beginners
🌐 Next.js React Framework Course
🌐 React Native Course
🌐 Astro Web Framework Crash Course
🌐 OWASP API Security Top 10 Course
🌐 How does the internet work?
Please open Telegram to view this post
VIEW IN TELEGRAM
👍24🔥6❤4
#чтопроисходит
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔11👍6🥱1
Краткое, понятное и ориентированное на практику введение в Svelte и SvelteKit.
👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7😁1
392. DevTools Chrome и Firefox, скролбары, скрытие IP, text-indent…
Веб-стандарты
🎙️Догоняем выпуски подкаста «Веб-стандарты»: Алексей Симоненко, Вадим Макеев, Никита Дубко про DevTools Chrome и Firefox, стилизацию скролбаров, скрытие IP, развитие text-indent, Safari TP, Node.js и Eleventy 3.0.
00:01:24 Chrome DevTools
00:13:09 Стилизация скролбаров
00:26:42 Скрытие IP в Chrome
00:37:47 Firefox DevTools
00:49:55 Развитие text-indent
00:58:54 Safari TP
01:12:41 Node.js 21
01:20:06 Маскот Node.js
01:23:52 Eleventy 3.0
01:29:17 Ответы на вопросы
⏯ YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста
#подкасты
00:01:24 Chrome DevTools
00:13:09 Стилизация скролбаров
00:26:42 Скрытие IP в Chrome
00:37:47 Firefox DevTools
00:49:55 Развитие text-indent
00:58:54 Safari TP
01:12:41 Node.js 21
01:20:06 Маскот Node.js
01:23:52 Eleventy 3.0
01:29:17 Ответы на вопросы
⏯ YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста
#подкасты
👍4❤1
Кастомизация вывода
#javascript #tip by Shripal Soni
JSON.stringify() на практике: на заметку фронтенд-разработчику.#javascript #tip by Shripal Soni
👍39
А если серьезно, то на недавней Next.js Conf была представлена 14-ая версия фреймворка, а вместе с ней стабильную поддержку получили Server Actions. Кроме того:
◆ next dev --turbo
↳ Запуск локального сервера на 53% быстрее
↳ Обновление кода на 94% быстрее
◆ Partial Prerendering (Preview)
◆ Новый курс для изучения Next.js
↳ App Router
↳ Authentication
↳ Postgres
Хотите погрузиться в эту тему подробнее? Читайте анонс React Server Components или запустите демо-приложение, использующее React Server Components. Если совсем ничего непонятно, здесь есть неплохой обзор происходящего с React и Next.js.
#чтопроисходит
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥16😁3🥱3🤯2👍1
20_JavaScript_Abbreviation_Techniques_To_Improve_Efficiency_by_Xiuer.pdf
4.5 MB
20 методов сокращения JavaScript для повышения эффективности
Сокращение кода — это компромисс между производительностью и удобочитаемостью.
Читайте подробнее, если вас не раздражает что-то вроде этого:
Сокращение кода — это компромисс между производительностью и удобочитаемостью.
Читайте подробнее, если вас не раздражает что-то вроде этого:
let arr = [12, null, 0, 'xyz', null, -25, NaN, '', undefined, 0.5, false];👍11❤4
Forwarded from Библиотека питониста | Python, Django, Flask
☁️🧩 ТОП-10 бессерверных фреймворков
Существует множество различных бессерверных фреймворков, каждый из которых предназначен для определенных задач. В этой статье рассмотрим 10 наиболее популярных из них.
Читать статью
Существует множество различных бессерверных фреймворков, каждый из которых предназначен для определенных задач. В этой статье рассмотрим 10 наиболее популярных из них.
Читать статью
👍1
🎃Собрали для вас несколько страшных историй по случаю Хэллоуина. Ждем ваши истории в комментариях👇
😁18🥱8👍1
393. Firefox и Safari, Passkey, Figma и Adobe, State of React, Node.js…
Веб-стандарты
00:01:54 Firefox 119
00:14:42 Safari 17.1 и бета
00:28:10 Код-лаб для Passkey
00:40:29 Figma и Adobe
00:53:33 State of React
00:58:25 Node.js Buffer
01:02:56 Шум вокруг Next.js 14
01:12:27 Опять Tailwind
01:29:32 Эмоджи пельменя
⏯ YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста
#подкасты
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5
:hover, CSS anchor positioning, :has и ни единого JS-кода article { anchor-name: --develop; }
ul:has(li:hover) { --anchor: --develop; }
ul::after {
inset:
anchor(var(--anchor) top)
anchor(var(--anchor) right)
... ;
}ul:has(li:hover) { --active: 1; }
ul::after {
opacity: var(--active, 0);
transition: opacity 0.2s, inset 0.2s 0.2s;
}
ul:hover::after {
transition: opacity 0.2s 0.2s, inset 0.2s;
}👉 Посмотреть код и поиграть можно здесь
#css #tip by Jhey
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍33🤔2❤1
Forwarded from Библиотека дата-сайентиста | Data Science, Machine learning, анализ данных, машинное обучение
🤖 25 бесплатных AI-инструментов для разработчиков
ИИ-помощники способны заменить GitHub Copilot, проверить код и даже сделать UX/UI-дизайн. Мы сделали подборку.
🟣 Codeuim
Помогает писать код. Можно опробовать в браузере или установить в качестве расширения в популярные IDE. Поддерживает более 70 языков программирования.
🟣 Codiga
Проверит, проанализирует и отрефакторит ваш код.
🟣 GPT Pilot
Создатели инструмента утверждают, что он позволит ускорить процесс разработки в 20 раз. С помощью GPT Pilot можно пошагово разработать собственное приложение.
🟣 Open Interpreter
Альтернатива официальному плагину Code Interpreter от Open AI. Может управлять браузером Chrome для поиска в интернете.
🟣 GPT-Code-Clippy
А это опенсорсный аналог GitHub Copilot на базе GPT-3.
Ещё 20 инструментов можно найти здесь
О других классных новых инструментах мы писали тут
#дайджест
ИИ-помощники способны заменить GitHub Copilot, проверить код и даже сделать UX/UI-дизайн. Мы сделали подборку.
🟣 Codeuim
Помогает писать код. Можно опробовать в браузере или установить в качестве расширения в популярные IDE. Поддерживает более 70 языков программирования.
🟣 Codiga
Проверит, проанализирует и отрефакторит ваш код.
🟣 GPT Pilot
Создатели инструмента утверждают, что он позволит ускорить процесс разработки в 20 раз. С помощью GPT Pilot можно пошагово разработать собственное приложение.
🟣 Open Interpreter
Альтернатива официальному плагину Code Interpreter от Open AI. Может управлять браузером Chrome для поиска в интернете.
🟣 GPT-Code-Clippy
А это опенсорсный аналог GitHub Copilot на базе GPT-3.
Ещё 20 инструментов можно найти здесь
О других классных новых инструментах мы писали тут
#дайджест
👍9❤1
This media is not supported in your browser
VIEW IN TELEGRAM
💻🍏Apple представила новый MacBook Pro с процессорами семейства M3, которые делают один из лучших в мире профессиональных ноутбуков еще лучше. 14- и 16-дюймовые модели с M3 Pro и M3 Max доступны в новом цвете «черный космос». Хотите узнать подробнее? Смотрите презентацию Apple Scary Fast на русском и всего за 6 минут.
💡А мы недавно делали небольшую подборку ноутбуков для разрабов, где перечислили самые легкие, автономные и производительные. Скажем честно, не всем она понравилась. Так или иначе, поделитесь своим опытом 🔽
💬Какие характеристики для вас наиболее важны? Накидайте свой топ ноутбуков в комментарии👇
#холивар
💡А мы недавно делали небольшую подборку ноутбуков для разрабов, где перечислили самые легкие, автономные и производительные. Скажем честно, не всем она понравилась. Так или иначе, поделитесь своим опытом 🔽
💬Какие характеристики для вас наиболее важны? Накидайте свой топ ноутбуков в комментарии👇
#холивар
👍3