Митап: MinskCSS Meetup #9
Три доклада с недавнего митапа уже доступны к просмотру. Авторы поделились созданием доступной валидации формы, созданием игры на CSS и не только.
Посмотреть можно здесь.
#митап #веб #css #ru
Три доклада с недавнего митапа уже доступны к просмотру. Авторы поделились созданием доступной валидации формы, созданием игры на CSS и не только.
Посмотреть можно здесь.
#митап #веб #css #ru
YouTube
А какие варианты? / Алёна Батицкая
А какие варианты?
Рассказ о вариативных шрифтах: что это такое, преимущества перед обычными шрифтами, возможности, CSS-свойства.
Слайды доклада: https://solarrust.github.io/MinskCSS-VF/
Алёна Батицкая
Фонтенд-разработчик, фрилансер, редактор Доки, Google…
Рассказ о вариативных шрифтах: что это такое, преимущества перед обычными шрифтами, возможности, CSS-свойства.
Слайды доклада: https://solarrust.github.io/MinskCSS-VF/
Алёна Батицкая
Фонтенд-разработчик, фрилансер, редактор Доки, Google…
👍1
Книга: TypeScript быстро
Авторы: Яков Файн, Антон Моисеев
Год издания: 2021
Описание:
В книге разбираются актуальные для каждого программиста задачи, объясняется синтаксис языка и описывается разработка нескольких приложений, в том числе нетривиальных — так вы сможете понять, как использовать TypeScript с популярными библиотеками и фреймворками. Вы разберетесь с превосходным инструментарием TypeScript и узнаете, как объединить в одном проекте TypeScript и JavaScript. Среди продвинутых тем, рассмотренных авторами, – декораторы, асинхронная обработка и динамические импорты. Прочитав эту книгу, вы поймете, что именно делает TypeScript особенным.
Скачать книгу
#книга #веб #typescript #ru
Авторы: Яков Файн, Антон Моисеев
Год издания: 2021
Описание:
В книге разбираются актуальные для каждого программиста задачи, объясняется синтаксис языка и описывается разработка нескольких приложений, в том числе нетривиальных — так вы сможете понять, как использовать TypeScript с популярными библиотеками и фреймворками. Вы разберетесь с превосходным инструментарием TypeScript и узнаете, как объединить в одном проекте TypeScript и JavaScript. Среди продвинутых тем, рассмотренных авторами, – декораторы, асинхронная обработка и динамические импорты. Прочитав эту книгу, вы поймете, что именно делает TypeScript особенным.
Скачать книгу
#книга #веб #typescript #ru
👍7❤1
Книга: JаvaScript для глубокого обучения
Авторы: Франсуа Шолле, Эрик Нильсон, Стэн Байлесчи
Год издания: 2021
Описание:
Пора научиться использовать TensorFlow.js для построения моделей глубокого обучения, работающих непосредственно в браузере! Умные веб-приложения захватили мир, а реализовать их в браузере или серверной части позволяет TensorFlow.js. Данная библиотека блестяще портируется, ее модели работают везде, где работает JavaScript. Специалисты из Google Brain создали книгу, которая поможет решать реальные прикладные задачи. Вы не будете скучать над теорией, а сразу освоите базу глубокого обучения и познакомитесь с продвинутыми концепциями ИИ на примерах анализа текста, обработки речи, распознавания образов и самообучающегося игрового искусственного интеллекта.
Скачать книгу
#книга #веб #javascript #ru
Авторы: Франсуа Шолле, Эрик Нильсон, Стэн Байлесчи
Год издания: 2021
Описание:
Пора научиться использовать TensorFlow.js для построения моделей глубокого обучения, работающих непосредственно в браузере! Умные веб-приложения захватили мир, а реализовать их в браузере или серверной части позволяет TensorFlow.js. Данная библиотека блестяще портируется, ее модели работают везде, где работает JavaScript. Специалисты из Google Brain создали книгу, которая поможет решать реальные прикладные задачи. Вы не будете скучать над теорией, а сразу освоите базу глубокого обучения и познакомитесь с продвинутыми концепциями ИИ на примерах анализа текста, обработки речи, распознавания образов и самообучающегося игрового искусственного интеллекта.
Скачать книгу
#книга #веб #javascript #ru
👍3🤔1
Сервис: a11yphant
a11yphant — это сервис, разработанный студентами, который обучает веб-доступности шаг за шагом, предлагая несколько частей разных уровней сложности. Вам не нужно будет читать большое количество текста, чтобы выполнить их. Вместо этого вы будете учиться, применяя концепции сразу в коде.
Начните с вашей первой задачи по обеспечению доступности в Интернете и улучшите свои навыки здесь.
https://a11yphant.com/
#сервис #веб #en
a11yphant — это сервис, разработанный студентами, который обучает веб-доступности шаг за шагом, предлагая несколько частей разных уровней сложности. Вам не нужно будет читать большое количество текста, чтобы выполнить их. Вместо этого вы будете учиться, применяя концепции сразу в коде.
Начните с вашей первой задачи по обеспечению доступности в Интернете и улучшите свои навыки здесь.
https://a11yphant.com/
#сервис #веб #en
A11Yphant
a11yphant is an interactive online course for web accessibility.
🔥4
Книга: Искусство 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