Книга: Искусство WebAssembly
Автор: Рик Баттальини
Год издания: 2022
Описание:
В книге подробно рассматриваются принципы работы WebAssembly – компактной межплатформенной технологии, которая оптимизирует производительность ресурсоёмких веб-приложений и программ.
Вы узнаете, как оптимизировать, компилировать и отлаживать низкоуровневый код, сравнивать его производительность с JavaScript, а также представлять код в удобном для прочтения текстовом формате WebAssembly Text (WAT). Затем сможете создать программу обнаружения столкновений на базе браузера, поработать с технологиями рендеринга в браузере для создания графики и анимации и выяснить, как WebAssembly взаимодействует с другими языками программирования.
Скачать книгу
#книга #веб #webassembly #ru
Автор: Рик Баттальини
Год издания: 2022
Описание:
В книге подробно рассматриваются принципы работы WebAssembly – компактной межплатформенной технологии, которая оптимизирует производительность ресурсоёмких веб-приложений и программ.
Вы узнаете, как оптимизировать, компилировать и отлаживать низкоуровневый код, сравнивать его производительность с JavaScript, а также представлять код в удобном для прочтения текстовом формате WebAssembly Text (WAT). Затем сможете создать программу обнаружения столкновений на базе браузера, поработать с технологиями рендеринга в браузере для создания графики и анимации и выяснить, как WebAssembly взаимодействует с другими языками программирования.
Скачать книгу
#книга #веб #webassembly #ru
👍7
Библиотека: More Toggles
Небольшая библиотека готовых переключателей для веб-разработчиков на чистом CSS. Она позволит без труда добавить необходимые стили вашему тумблеру в зависимости от дизайна проекта.
Изучить и установить можно тут.
#библиотека #веб #css
Небольшая библиотека готовых переключателей для веб-разработчиков на чистом CSS. Она позволит без труда добавить необходимые стили вашему тумблеру в зависимости от дизайна проекта.
Изучить и установить можно тут.
#библиотека #веб #css
👍6
Урок: Тестирование JavaScript от А до Я
В этом ролике вы научитесь тестировать JS приложения. Ознакомитесь с JEST и научитесь писать UNIT тесты. С помощью React testing library и jest вы также научитесь писать интеграционные тесты на react приложения в связке с react router dom и redux. Используя WebdriverIO, вы напишите e2e тесты в React-приложении. Также с помощью storybook и loki js научитесь делать регрессионное тестирование UI части приложения.
Смотрим урок тут.
#урок #веб #javascript #react #ru
В этом ролике вы научитесь тестировать JS приложения. Ознакомитесь с JEST и научитесь писать UNIT тесты. С помощью React testing library и jest вы также научитесь писать интеграционные тесты на react приложения в связке с react router dom и redux. Используя WebdriverIO, вы напишите e2e тесты в React-приложении. Также с помощью storybook и loki js научитесь делать регрессионное тестирование UI части приложения.
Смотрим урок тут.
#урок #веб #javascript #react #ru
👍3🔥1
Подкаст: Как инженеру не умереть со скуки во фронтенде
Как инженер до мозга костей ощущает себя во фронтенд-разработке и является ли «изобретение велосипедов и изучение древних технологий» своеобразной компенсацией кажущейся простоты индустрии?
В этом подкасте обсудили, сложный ли фронтенд или его просто усложняют ради веселья разрабов, а также остановился ли он в своём развитии и имеет ли ещё место быть Hype Driven Development.
Смотреть подкаст
#подкаст #веб #фронтенд
Как инженер до мозга костей ощущает себя во фронтенд-разработке и является ли «изобретение велосипедов и изучение древних технологий» своеобразной компенсацией кажущейся простоты индустрии?
В этом подкасте обсудили, сложный ли фронтенд или его просто усложняют ради веселья разрабов, а также остановился ли он в своём развитии и имеет ли ещё место быть Hype Driven Development.
Смотреть подкаст
#подкаст #веб #фронтенд
Книга: Создание сайтов на Tilda
Автор: Владимир Молочков
Год издания: 2021
Описание:
Подробно рассмотрена работа с конструктором сайтов Tilda, позволяющим создавать сайты любой сложности из готовых блоков и шаблонов без программирования. Приведены рекомендации по использованию панели разработчика и советы по оптимальным настройкам. Даны пошаговые инструкции для создания одностраничного сайта-визитки, лендинга, многостраничного сайта, сайта-портфолио и интернет-магазина. Описан принцип работы с Zero Block, рассказано о публикации меню, галереи изображений, об использовании форм и виджетов, добавлении анимации и видео.
#книга #веб #ru
Автор: Владимир Молочков
Год издания: 2021
Описание:
Подробно рассмотрена работа с конструктором сайтов Tilda, позволяющим создавать сайты любой сложности из готовых блоков и шаблонов без программирования. Приведены рекомендации по использованию панели разработчика и советы по оптимальным настройкам. Даны пошаговые инструкции для создания одностраничного сайта-визитки, лендинга, многостраничного сайта, сайта-портфолио и интернет-магазина. Описан принцип работы с Zero Block, рассказано о публикации меню, галереи изображений, об использовании форм и виджетов, добавлении анимации и видео.
#книга #веб #ru
💩7👍1
Книга: Svelte и Sapper в действии
Автор: Марк Волкманн
Год издания: 2022
Описание:
Многие веб-фреймворки замедляют работу приложений, загружая сотни строк кода «на всякий случай». Svelte позволяет компилировать приложения в эффективные крошечные пакеты с минимальным временем загрузки. Объединение Svelte с фреймворком Sapper облегчает маршрутизацию страниц, генерирование на стороне сервера, разработку статических сайтов и решение многих других задач.
Вы научитесь использовать уникальную модель управления состояниями, освоите упрощенную маршрутизацию страниц, разбиение кода, поддержку автономного режима и работу с представлениями, генерируемыми на сервере.
#книга #веб #svelte #ru
Автор: Марк Волкманн
Год издания: 2022
Описание:
Многие веб-фреймворки замедляют работу приложений, загружая сотни строк кода «на всякий случай». Svelte позволяет компилировать приложения в эффективные крошечные пакеты с минимальным временем загрузки. Объединение Svelte с фреймворком Sapper облегчает маршрутизацию страниц, генерирование на стороне сервера, разработку статических сайтов и решение многих других задач.
Вы научитесь использовать уникальную модель управления состояниями, освоите упрощенную маршрутизацию страниц, разбиение кода, поддержку автономного режима и работу с представлениями, генерируемыми на сервере.
#книга #веб #svelte #ru
Доклад: Сборка веб-приложений
В докладе расскажут о происхождении процесса сборки веб-приложений и способах улучшения сборки через переиспользование параметров ML-модели. Будет рассмотрено архитектурное устройство webpack и его абстракции. Обсудятся стандартные техники: chunk splitting, innerGraph tree shaking, dynamic imports, minimizers, deadcode ellimination, module concatenation. Также будет объяснено, почему сборку следует рассматривать как продуктовую фичу и какие метрики следует отслеживать для комфорта вас и ваших пользователей:
https://youtu.be/E6oaEO2FHNI
#доклад #веб #ru
В докладе расскажут о происхождении процесса сборки веб-приложений и способах улучшения сборки через переиспользование параметров ML-модели. Будет рассмотрено архитектурное устройство webpack и его абстракции. Обсудятся стандартные техники: chunk splitting, innerGraph tree shaking, dynamic imports, minimizers, deadcode ellimination, module concatenation. Также будет объяснено, почему сборку следует рассматривать как продуктовую фичу и какие метрики следует отслеживать для комфорта вас и ваших пользователей:
https://youtu.be/E6oaEO2FHNI
#доклад #веб #ru
YouTube
08. Сборка – Антон Кастрицкий, Никита Сидоров
На лекции мы расскажем о том, когда и как появился процесс сборки веб-приложений и как можно переиспользовать подход к настройке параметров ML-модели, чтобы улучшить сборку. Вы узнаете об архитектурном устройстве webpack: как и зачем в нем появились те или…
👍3🥰1
Инструмент: платформа для создания и запуска веб-приложений
Отличительными особенностями инструмента являются предоставление бесплатного SSL-сертификата, наличие глобальной сети доставки контента (CDN), а также обеспечение частной сети и автоматическое развёртывание из репозиториев GitHub и GitLab.
Ссылка на инструмент: Render
#инструмент #веб
Отличительными особенностями инструмента являются предоставление бесплатного SSL-сертификата, наличие глобальной сети доставки контента (CDN), а также обеспечение частной сети и автоматическое развёртывание из репозиториев GitHub и GitLab.
Ссылка на инструмент: Render
#инструмент #веб
👏2
Forwarded from Типичный программист
Как исполняется код JavaScript и почему эти знания — суперсила веб-разработчиков?
После получения файла JavaScript с сервера код JS преобразуется в то, с чем компьютер может работать. В этом компьютеру помогают движки, встроенные в браузеры. В них и кроется суперсила использования JavaScript.
Зная тонкости преобразования кода, вы научитесь писать качественные программы, работающие без подвисаний и разумно использующие имеющиеся API. И наконец-то сможете понять, почему JavaScript может показаться странным.
Да, это не самая простая тема. Но вот несколько материалов, которые точно помогут в ней разобраться и здорово прокачать скилл работы c JavaScript:
1. Компактная статья с доступными объяснениями и крутыми анимациями: https://dev.to/lydiahallie/javascript-visualized-the-javascript-engine-4cdf
2. Серия из 19 статей на русском, после которых у вас точно не останется вопросов: https://habr.com/ru/company/ruvds/blog/337042/
#javascript #веб
После получения файла JavaScript с сервера код JS преобразуется в то, с чем компьютер может работать. В этом компьютеру помогают движки, встроенные в браузеры. В них и кроется суперсила использования JavaScript.
Зная тонкости преобразования кода, вы научитесь писать качественные программы, работающие без подвисаний и разумно использующие имеющиеся API. И наконец-то сможете понять, почему JavaScript может показаться странным.
Да, это не самая простая тема. Но вот несколько материалов, которые точно помогут в ней разобраться и здорово прокачать скилл работы c JavaScript:
1. Компактная статья с доступными объяснениями и крутыми анимациями: https://dev.to/lydiahallie/javascript-visualized-the-javascript-engine-4cdf
2. Серия из 19 статей на русском, после которых у вас точно не останется вопросов: https://habr.com/ru/company/ruvds/blog/337042/
#javascript #веб
❤2
Media is too big
VIEW IN TELEGRAM
Как тестировать JS: от А до Я
Разработка-разработкой, но приложения без тестирования далеко в прод не уйдут. Поэтому вот подходящий гайд.
В этом видео показывают, как тестировать JS-приложения с нуля до продвинутых техник. Разбираются основные подходы, как писать юнит-тесты, проверять работу React-приложений, тестировать маршруты и состояние, а также делать полное e2e тестирование. Плюс, объясняют, как находить изменения в интерфейсе с помощью инструментов для регрессионного тестирования UI.
#урок #веб #javascript #ru
Разработка-разработкой, но приложения без тестирования далеко в прод не уйдут. Поэтому вот подходящий гайд.
В этом видео показывают, как тестировать JS-приложения с нуля до продвинутых техник. Разбираются основные подходы, как писать юнит-тесты, проверять работу React-приложений, тестировать маршруты и состояние, а также делать полное e2e тестирование. Плюс, объясняют, как находить изменения в интерфейсе с помощью инструментов для регрессионного тестирования UI.
#урок #веб #javascript #ru
Вводный курс по веб-разработке
Этот курс — отличный старт для тех, кто хочет научиться программировать и разрабатывать простые веб-приложения. Всё объясняется с самого начала, так что опыт не нужен.
Вы изучите Python, SQL, основы JavaScript и работу с Django. Научитесь создавать базы данных, визуализировать данные через Matplotlib и Plotly, работать с API.
Ссылка на курс
#курс #веб #начинающим #ru
Этот курс — отличный старт для тех, кто хочет научиться программировать и разрабатывать простые веб-приложения. Всё объясняется с самого начала, так что опыт не нужен.
Вы изучите Python, SQL, основы JavaScript и работу с Django. Научитесь создавать базы данных, визуализировать данные через Matplotlib и Plotly, работать с API.
Ссылка на курс
#курс #веб #начинающим #ru
Stepik: online education
Основы веб-программирования
Наш курс предоставляет уникальную возможность объединить медицинские знания с IT навыками. Изучите основы программирования на Python и JS, а также базовые запросы SQL. Создавайте потрясающие веб-приложения на фреймворке Django, визуализируйте данные с помощью…
✍3
Что почитать веб-разработчику
— "HTML и CSS. Разработка и дизайн веб-сайтов" – Джон Дакетт. Отличное визуальное руководство для новичков по основам HTML и CSS с понятными примерами.
— "JavaScript и jQuery. Интерактивная веб-разработка" – Джон Дакетт. Ярко оформленный гайд по основам JavaScript и jQuery, идеально подходит для начинающих.
— "Выразительный JavaScript" – Марейн Хавербеке. Глубокий разбор JavaScript с примерами и практическими задачами, полезен для освоения языка.
— "Чистый код: создание, анализ и рефакторинг" – Роберт Мартин. Классика о том, как писать чистый, понятный и поддерживаемый код, важна для всех разработчиков.
— "PHP и MySQL. Разработка веб-приложений" – Люк Веллинг. Практическое руководство по созданию динамических веб-приложений с использованием PHP и MySQL.
— "Node.js в действии" – Майк Кантелон и другие. Практическое введение в серверный JavaScript, охватывающее работу с Node.js и создание веб-приложений.
#подборка #книга #веб #ru
— "HTML и CSS. Разработка и дизайн веб-сайтов" – Джон Дакетт. Отличное визуальное руководство для новичков по основам HTML и CSS с понятными примерами.
— "JavaScript и jQuery. Интерактивная веб-разработка" – Джон Дакетт. Ярко оформленный гайд по основам JavaScript и jQuery, идеально подходит для начинающих.
— "Выразительный JavaScript" – Марейн Хавербеке. Глубокий разбор JavaScript с примерами и практическими задачами, полезен для освоения языка.
— "Чистый код: создание, анализ и рефакторинг" – Роберт Мартин. Классика о том, как писать чистый, понятный и поддерживаемый код, важна для всех разработчиков.
— "PHP и MySQL. Разработка веб-приложений" – Люк Веллинг. Практическое руководство по созданию динамических веб-приложений с использованием PHP и MySQL.
— "Node.js в действии" – Майк Кантелон и другие. Практическое введение в серверный JavaScript, охватывающее работу с Node.js и создание веб-приложений.
#подборка #книга #веб #ru
✍2
Фулстек-разработка веб-сервиса на TypeScript, Reaсt, Node.js
Разработка веб-сервисов — это всегда баланс между скоростью, качеством и удобством кода. А когда дело касается фуллстек-разработки, выбор технологий и архитектуры может сильно повлиять на процесс.
Этот курс научит создавать многопользовательские веб-приложения с нуля, используя мощный стек: React, TypeScript, Node.js, PostgreSQL и множество других инструментов. Причём без воды — только практика, понятные примеры и готовый код.
Сохраняем такой маст-хэв
#курс #веб #ru
Разработка веб-сервисов — это всегда баланс между скоростью, качеством и удобством кода. А когда дело касается фуллстек-разработки, выбор технологий и архитектуры может сильно повлиять на процесс.
Этот курс научит создавать многопользовательские веб-приложения с нуля, используя мощный стек: React, TypeScript, Node.js, PostgreSQL и множество других инструментов. Причём без воды — только практика, понятные примеры и готовый код.
Сохраняем такой маст-хэв
#курс #веб #ru
Stepik: online education
Фулстек-разработка веб-сервиса на TypeScript, Reaсt, Node.js
Цель обучения — создать проект с нуля, изучив и применив технологии и архитектуру, которые обеспечивают качество и масштабируемость вашего кода, скорость разработки, а также удовольствие и радость от процесса.
❤🔥1
Шпаргалка: советы по CSS
CSS – это не просто стили, а целое искусство, где мелочи решают всё. Даже опытные разработчики иногда пропускают полезные фишки, которые могут сделать код чище и понятнее.
Например, вместо стандартного сброса стилей можно использовать
Полный список с примерами кода есть тут.
#шпаргалка #веб #css #ru
CSS – это не просто стили, а целое искусство, где мелочи решают всё. Даже опытные разработчики иногда пропускают полезные фишки, которые могут сделать код чище и понятнее.
Например, вместо стандартного сброса стилей можно использовать
unset, а для навигации – :not(), чтобы не прописывать исключения вручную. А ещё, aspect-ratio упрощает адаптивность, сохраняя пропорции элементов без сложных вычислений.Полный список с примерами кода есть тут.
#шпаргалка #веб #css #ru
❤2
Гайд по рефакторингу запросов: как ускорить работу API без переписывания всего кода
API тормозит, но переписывать код заново — не вариант? На помощь приходит рефакторинг запросов: он позволяет ускорить работу сервиса без кардинальных изменений.
Главное — разобраться, где узкие места: медленные SQL-запросы, перегруженные эндпоинты или слишком много обращений к серверу. Оптимизация индексов, кэширование через Redis и продуманная пагинация способны заметно сократить задержки.
Как всё это внедрить на практике и не сломать систему? Рассказали в статье.
#статья #веб #ru
API тормозит, но переписывать код заново — не вариант? На помощь приходит рефакторинг запросов: он позволяет ускорить работу сервиса без кардинальных изменений.
Главное — разобраться, где узкие места: медленные SQL-запросы, перегруженные эндпоинты или слишком много обращений к серверу. Оптимизация индексов, кэширование через Redis и продуманная пагинация способны заметно сократить задержки.
Как всё это внедрить на практике и не сломать систему? Рассказали в статье.
#статья #веб #ru
❤2
Open source аналог Firebase
Supabase — это платформа, которая сочетает в себе базу данных, аутентификацию, хранилище файлов и серверлес-функции. В её основе PostgreSQL, что даёт доступ к привычному SQL, поддержке JSONB и мощным расширениям.
Из полезного: Supabase автоматически генерирует API для работы с базой, а данные можно получать через SQL-запросы или REST. Есть поддержка realtime-обновлений, что удобно для чатов или динамических данных. Настройка минимальная, а функциональность сравнима с полноценным бэкендом.
#инструмент #веб #backend
Supabase — это платформа, которая сочетает в себе базу данных, аутентификацию, хранилище файлов и серверлес-функции. В её основе PostgreSQL, что даёт доступ к привычному SQL, поддержке JSONB и мощным расширениям.
Из полезного: Supabase автоматически генерирует API для работы с базой, а данные можно получать через SQL-запросы или REST. Есть поддержка realtime-обновлений, что удобно для чатов или динамических данных. Настройка минимальная, а функциональность сравнима с полноценным бэкендом.
#инструмент #веб #backend
👍3
Как работает интернет: основы архитектуры веб-сетей
Как устроен путь от ввода адреса в браузере до ответа от сервера? Там не просто «сервер отвечает» — за кулисами работает целая архитектура из балансировщиков, кэшей, API и баз данных.
Статья коротко и по делу разбирает, как устроена современная веб-инфраструктура — от фронтенда до хранилищ и масштабирования. В чем разница между REST и SOAP, зачем CDN и когда веб-сервисы стоит разделять? Всё это — простыми словами. Заглянуть стоит, как минимум для общей эрудиции.
Ссылка на статью
#теория #начинающим #веб #ru
Как устроен путь от ввода адреса в браузере до ответа от сервера? Там не просто «сервер отвечает» — за кулисами работает целая архитектура из балансировщиков, кэшей, API и баз данных.
Статья коротко и по делу разбирает, как устроена современная веб-инфраструктура — от фронтенда до хранилищ и масштабирования. В чем разница между REST и SOAP, зачем CDN и когда веб-сервисы стоит разделять? Всё это — простыми словами. Заглянуть стоит, как минимум для общей эрудиции.
Ссылка на статью
#теория #начинающим #веб #ru
❤3❤🔥1