Web Lab | Веб разработка
6.48K subscribers
118 photos
11 videos
311 links
Лучший бесплатный материал для начинающих программистов

Сотрудничество: @AmerigoVes

- Всё самое лучшее для Web-разработчиков
- IT инструменты, хитрости и секреты
- Отборные материалы для FullStack-специалистов
- Новости из мира IT
Download Telegram
📖 Как написать кроссбраузерное расширение в 2022 году

Лид фронта из СберМаркета рассказывает, как написать браузерное расширение для внутреннего джобборда. Которое должно взаимодействовать с сайтами avito и hh, чтобы добавлять кандидатов в HR-систему, не скачивая и не вбивая вручную контакты из резюме на сайте. 

#учись
🧰 Как стать разработчиком React в 2022 году?

React  —  это ведущая технология для разработки первоклассных пользовательских интерфейсов, быстрых, масштабируемых и, главное, многократно используемых.

#учись
✏️ Отрисовка в браузере большой анимации или как я ушел с mp4 к своему формату видео

Автор статьи поделился успешным опытом разработки рендера в браузере большой, постоянно расширяющейся анимационной сцены, состоящей из множества мелких двигающихся объектов, зацикленных в 5 секунд.

#учись
📒 Руководство для начинающих по шаблонам Jinja в Flask

Подробный гайд по шаблонизатору Jinja: от создания первого шаблона, использования условных операторов и for-циклов до применения фильтров и макросов.

#учись #python
🎙 Web Speech API в JavaScript: от текста к речи

Для того, чтобы преобразовать текст в речь в JavaScript существует готовое API под названием Web Speech API. Если хотите добавить на ваш сайт или в ваше приложение такую удобную функцию, то в этой статье автор вместе с читателями разбирается в её возможностях и функционале.

#javascript #учись
PerfectPixel - расширение для браузера, которое упростит жизнь фронтендера

Инструмент, который накладывает изображение макета поверх вёрстки в браузере. Это позволяет подогнать страницу с точностью до нескольких пикселей.

#полезныйресурс
📑 Что нового можем делать с формами в 2022?

Эта статья — перевод оригинальной статьи Ollie Williams "What’s New With Forms in 2022?"

#учись
💻 Разрабатываем библиотеку компонентов с помощью React и TypeScript

В этой статье автор покажет Вам, как начать разработку библиотеки компонентов с помощью Vite, React, TypeScript и Storybook.

Вы разработаете библиотеку, состоящую из одного простого компонента — кнопки, подготовите библиотеку к публикации в реестре npm, а также сгенерируете и визуализируете документацию для кнопки.

#учись
🎥 Виды анимации на верстке: свойства, особенности, примеры кода

Автор рассказывает, как оптимизировать анимации и сделать их плавными. В статье разберёте CSS Transition, CSS Animation, SVG animation, JS-Анимацию, JS canvas и JS. WebGL / ThreeJs.

#учись
🔧 JSON Crack

Инструмент для создания графических диаграмм из JSON-объектов, поиска узлов и многого другого, чего часто не хватает под рукой.

#полезныйресурс
🗺 Дорожная карта Frontend-разработчика в 2022 году

Эта дорожная карта поможет Вам стать востребованным фронтенд-разработчиком.

#учись #полезныйресурс
📊 Руководство по созданию интерактивных визуализаций на Python

В этом руководстве Вы изучите инструменты HoloViz, а точнее Panel и hvPlot  —  библиотеки с открытым исходным кодом, которые используются для создания интерактивных диаграмм и контрольных панелей. Также узнаете, как легко развернуть и поделиться контрольной панелью с помощью Jupyter Notebook.

#учись #python
📚Полное руководство по push-уведомлениям для разработчиков

Автор поделился своим опытом касаемо работы push-уведомлений в веб-приложениях. В этой статье Вы также узнаете интересные факты и рекомендации по использованию пушей.

#учись
🎮 Как развернуть веб-приложение Streamlit в сети: три простых способа

Вы рассмотрите несколько вариантов развертывания веб-приложений Streamlit в облаке, которые позволяют легко, быстро, а также бесплатно делиться проектами с другими пользователями.

#python #учись
🧷 JavaScript. Всё о ​​LocalStorage

В этом видео подробно рассматривается принцип работы LocalStorage, а также все его особенности и правильное взаимодействие с ним.

#javascript #учись
📝 Пишем гибридное приложение для хранения заметок на Django, Django Ninja REST Framework и Alpine.js

В этой статье, Вы изучите основные возможности Django Ninja, Alpine.js и Axios в процессе создания веб-приложения для хранения заметок.

#python #учись
🎲 Алгоритмы для веб-разработчиков простыми словами

Тема данной статьи - рекурсия. Вы узнаете, как устроена рекурсия, а также разберёте алгоритм сортировки массива под названием Quick Sort или, как еще его называют, быстрая сортировка Хоара.

#учись #полезныйресурс
🎥Что такое TCP/IP: Объясняем на пальцах

В этом видео Вы узнаете: что такое, зачем нужен и принцип работы TCP/IP. Что такое IP и порт, а также многое другое.

#javascript #полезныйресурс
🔍 3 приема для определения функций в Python

Прочитав эту статью, Вы пополните копилку знаний по Python полезными приемами для определения функций. Разберётесь в применениях аргументов по умолчанию, подсказок типов, конструкции args и kwargs.

#учись #python
📓 Front End Interview Handbook

В этом репозитории, Вы найдете ответы на все распространенные вопросы, которые обычно любят задавать на собеседовании.

#учись #полезныйресурс #javascript