Выступление Александра Беспоясова на Podlodka Frontend Crew с рассказом о том, что такое чистая архитектура, чем она полезна, и как пользоваться её преимуществами во фронтенде с примерами системного лайв-дизайна и лайв-кодинга.
https://proglib.io/w/a48ff5b2
https://proglib.io/w/a48ff5b2
YouTube
Live-coding: Чистая архитектура во фронтенде / Александр Беспоясов
Понравилось видео? Забирай весь плейлист на https://is.gd/kChYnl или купи билет на следующий сезон конференции https://is.gd/f6ZLuS.
- Ссылки и дополнительные материалы: https://bespoyasov.ru/talks/podlodka-conf-clean-architecture/
- Твитер для связи: h…
- Ссылки и дополнительные материалы: https://bespoyasov.ru/talks/podlodka-conf-clean-architecture/
- Твитер для связи: h…
👍14
Введение в SvelteKit за 80 минут 👉 https://youtu.be/oJqkhK_FkQ4
YouTube
Introduction to SvelteKit with Nacho Falk | JavaScript Marathon
Svelte is a front-end, open-source JavaScript framework for building fast interactive web applications. In this video, Nacho Falk will be talking about understanding Svelte, the syntax, routing with Svelte, its reactivity model, and the component building…
👍3
🔥 Бесплатное занятие по работе с React пройдет 27 июля в 19:00 мск
Ты узнаешь:
— На чем построен React
— Какие задачи лучше всего решать на нем
— Основные конструкции
— Архитектура React
— Базовые примеры
Спикер:
Игорь Борзунов — Более 5 лет занимается разработкой высоконагруженных приложений. Преподаватель курса Middle JavaScript Developer.
Занятие будет полезно разработчикам, которые планируют начать работать с React, а также опытным Frontend-разработчикам, которые хотят глубже изучить инструмент.
🚀 Стартуем 27 июля в 19:00 мск
Регистрируйся бесплатно: https://cutt.ly/vZuqMhD
Ты узнаешь:
— На чем построен React
— Какие задачи лучше всего решать на нем
— Основные конструкции
— Архитектура React
— Базовые примеры
Спикер:
Игорь Борзунов — Более 5 лет занимается разработкой высоконагруженных приложений. Преподаватель курса Middle JavaScript Developer.
Занятие будет полезно разработчикам, которые планируют начать работать с React, а также опытным Frontend-разработчикам, которые хотят глубже изучить инструмент.
🚀 Стартуем 27 июля в 19:00 мск
Регистрируйся бесплатно: https://cutt.ly/vZuqMhD
👍4
🏒 Примитивы синхронизации в JavaScript: cемафоры и хоккей
На примере хоккейного матча автор статьи разбирается с простейшими примитивами синхронизации: на этапе раскатки перед матчем с помощью бинарного семафора он разделяет игроков на две равных группы, а уже в процессе игры с помощью семафора со счетчиком избавляется от штрафов за нарушение численного состава.
https://proglib.io/w/cfccae6b
На примере хоккейного матча автор статьи разбирается с простейшими примитивами синхронизации: на этапе раскатки перед матчем с помощью бинарного семафора он разделяет игроков на две равных группы, а уже в процессе игры с помощью семафора со счетчиком избавляется от штрафов за нарушение численного состава.
https://proglib.io/w/cfccae6b
Хабр
Примитивы синхронизации в JavaScript: cемафоры и хоккей
На дворе стоит двадцать второй год и все основные среды исполнения JavaScript уже вовсю поддерживают доступ к потокам. Причем, в отличие от языков с глобальной блокировкой интерпретатора, вроде Python...
👍4🤯1
#news
Очередной дайджест новостей из мира фронтенд-разработки:
— Анонс TanStack Table v8
— Релиз NeutralinoJS 4.7
— Релиз npm-check 6.0.1
— Релиз Fastify 4.3
— Релиз ESLint 8.20
— Релиз Angular 14.1
— Релиз Vue 2.7.8
— Релиз Tweakpane 3.1
— Релиз Fireworks.js 2.0
— Релиз PrimeNG 14
— Релиз Acorn 8.8
— Релиз Discord.ts 10.0
— Релиз Prisma 4.1
— Релиз MelonJS 13.0
— Релиз Secure Electron Template 20.0
— Релиз zip.js 2.6.5
— Релиз Octokit.js 2.0.4
Очередной дайджест новостей из мира фронтенд-разработки:
— Анонс TanStack Table v8
— Релиз NeutralinoJS 4.7
— Релиз npm-check 6.0.1
— Релиз Fastify 4.3
— Релиз ESLint 8.20
— Релиз Angular 14.1
— Релиз Vue 2.7.8
— Релиз Tweakpane 3.1
— Релиз Fireworks.js 2.0
— Релиз PrimeNG 14
— Релиз Acorn 8.8
— Релиз Discord.ts 10.0
— Релиз Prisma 4.1
— Релиз MelonJS 13.0
— Релиз Secure Electron Template 20.0
— Релиз zip.js 2.6.5
— Релиз Octokit.js 2.0.4
Tanstack
TanStack Table
Supercharge your tables or build a datagrid from scratch for TS/JS, React, Vue, Solid, Svelte, Qwik, Angular, and Lit while retaining 100% control over markup and styles.
🔥7
2030-м годом тут, конечно, не пахнет, но идеи по структурированию React-проекта на вооружение взять можно.
https://proglib.io/w/7657821d
https://proglib.io/w/7657821d
👍5👎2
Онлайн-книга по тестированию веб-приложений Angular с использованием библиотек Spectator и ng-mocks.
https://proglib.io/w/4f3cf5d5
https://proglib.io/w/4f3cf5d5
Testing-Angular
Testing Angular – A Guide to Robust Angular Applications.
Unit, integration and end-to-end tests for Angular web applications. Free online book and e-book.
👍7
На заметку начинающему фронтендеру: перевод статьи с подробным описанием закулисья работы веб-браузера.
https://proglib.io/w/bd69012e
https://proglib.io/w/bd69012e
Хабр
[В закладки] Как работает браузер
К старту курса по Fullstack-разработке на Python делимся лонгридом от ведущего программиста компании THG. Специалистам материал будет полезен в подготовке к собеседованиям, а новичкам поможет получить...
👍10🔥2
Примеры синтаксиса веб-компонентов популярных и набирающих популярность JavaScript-фреймворков.
https://proglib.io/w/cff926a6
https://proglib.io/w/cff926a6
component-party.dev
Component Party
Web component JS frameworks overview by their syntax and features: Svelte 4, React, Vue 3, Angular, Lit, Vue 2, Ember Octane, Solid.js, Alpine, Svelte 5 (preview), Ember Polaris (preview), Mithril, Aurelia 2, Qwik, Marko, Aurelia 1
👍8
Введение в ethers.js, библиотеку для взаимодействия с блокчейном Ethereum.
https://proglib.io/w/5b291795
https://proglib.io/w/5b291795
NOP::Nuances of programming
Библиотека Ethers.js: новичкам на заметку
Познакомимся с библиотекой ethers.js и узнаем, как именно она обеспечивает взаимодействие с виртуальной машиной Ethereum в Remix.
👍7
Совет по реализации отрицательной задержки анимации в CSS, или Как сделать анимацию в шахматном порядке более естественной.
https://proglib.io/w/4c09d970
https://proglib.io/w/4c09d970
CSS { In Real Life } | Quick Tip: Negative Animation Delay
A blog about CSS, front-end development, the web, and beyond.
🔥8👍1
🔥 Английский для разработчиков и IT-специалистов. Вместе с носителем языка будем прокачивать communication skills!
6 недель полного погружения в английский: живые занятия с преподавателями и носителем языка, практика, дз с обратной связью, постоянное общение на английском и дополнительные материалы для чтения и изучения.
Занятия проходят в группах до 10 человек, чтобы максимально уделить время каждому студенту.
➡️ Ждем на нашем открытом уроке 3 августа в 19.00 мск: https://cutt.ly/qZjKBut
➡️ Записаться на курс: https://cutt.ly/gZjK4ef
6 недель полного погружения в английский: живые занятия с преподавателями и носителем языка, практика, дз с обратной связью, постоянное общение на английском и дополнительные материалы для чтения и изучения.
Занятия проходят в группах до 10 человек, чтобы максимально уделить время каждому студенту.
➡️ Ждем на нашем открытом уроке 3 августа в 19.00 мск: https://cutt.ly/qZjKBut
➡️ Записаться на курс: https://cutt.ly/gZjK4ef
👍3👎1
Мини-подборка онлайн-ресурсов для освоения и закрепления навыков фронтенда (с акцентом на JavaScript), бэкенда и баз данных:
— W3Resource
— JS Hero
— JS Challenger
— W3Resource
— JS Hero
— JS Challenger
w3resource
web development tutorials from w3resource
Web development tutorials on HTML, CSS, JS, PHP, SQL, MySQL, PostgreSQL, MongoDB, JSON and more.
👍5❤1
Star Rating виджет на React.js: разбор одной из задач, с которой можно столкнуться на собеседовании.
https://proglib.io/w/8ddc61f1
https://proglib.io/w/8ddc61f1
Хабр
Как создать Star Rating виджет на React.js и оптимизировать его
В этой статье я хочу затронуть еще одну задачу, с которой вы можете столкнуться на собеседовании на позицию Front-End — создание Star Rating виджета. За последние пять месяцев у меня было 15 онсайт...
👍7
Метод массива reduce в JavaScript: назначение, синтаксис, применение и дополнительные практические примеры.
https://proglib.io/w/26338d6b
https://proglib.io/w/26338d6b
NOP::Nuances of programming
JavaScript 101: метод массива Reduce
Представим метод reduce во всей красе: назначение, синтаксис, сценарии использования и преимущества, выделяющие его среди других методов массивов, таких как map и filter.
👍9
Технические детали и пошаговая реализация эффекта поднимающихся пузырьков на CSS.
https://proglib.io/w/a22ecec4
https://proglib.io/w/a22ecec4
👍12