Media is too big
VIEW IN TELEGRAM
Делаем приложение погоды на Vue.js
Если думали над пет-проектом, то вот интересный вариант: приложение погоды на Vue JS, с использованием Open Weather Map API и restful api для получения данных о погоде.
#видео #vue
Если думали над пет-проектом, то вот интересный вариант: приложение погоды на Vue JS, с использованием Open Weather Map API и restful api для получения данных о погоде.
#видео #vue
👍6🔥3👎1
Как работать с <qr-code> — настраиваемым элементом HTML с возможностью анимации
Алгоритмы генерации QR-кода превращают текстовые данные, такие как URL-адреса, электронные письма, номера телефонов и сведения о подключении Wi-Fi, в динамически генерируемые визуальные матрицы QR-кода, которые каждый сможет отсканировать с помощью мобильного телефона.
Opensource-библиотека
#qr #фронтенд #библиотека
Алгоритмы генерации QR-кода превращают текстовые данные, такие как URL-адреса, электронные письма, номера телефонов и сведения о подключении Wi-Fi, в динамически генерируемые визуальные матрицы QR-кода, которые каждый сможет отсканировать с помощью мобильного телефона.
Opensource-библиотека
qr-code предлагает анимируемый веб-компонент <qr-code> на основе SVG, который можно использовать для рендеринга стильных QR-кодов на чистом HTML. Как с ней работать, рассказали в этом материале.#qr #фронтенд #библиотека
👍7❤2
This media is not supported in your browser
VIEW IN TELEGRAM
Интересная анимация загрузки с помощью CSS
Можете попробовать повторить такой лоадер, если хотите потренироваться в создании CSS-анимации. Здесь всего несколько
Посмотреть код можно на codepen.
#codepen #css
Можете попробовать повторить такой лоадер, если хотите потренироваться в создании CSS-анимации. Здесь всего несколько
DIV'ов, которые анимированы с помощью @keyframes.Посмотреть код можно на codepen.
#codepen #css
👍7🗿1
Современный способ разработки серверов на JS
Ели вы когда-нибудь заходили на главную страницу Node, то наверняка видели этот кусок кода с картинки. Это самый простой веб-сервер, с которого сегодня начинается почти каждый сервер, написанный на JS. Да, это всё может быть прикрыто фреймворком, но по сути, все такие сервера делают примерно одно и то же.
Но сегодня существует более современный способ создания сервера, которому не нужно привязываться к сокету. О нём в этой статье.
#nodejs #javascript #бэкенд
Ели вы когда-нибудь заходили на главную страницу Node, то наверняка видели этот кусок кода с картинки. Это самый простой веб-сервер, с которого сегодня начинается почти каждый сервер, написанный на JS. Да, это всё может быть прикрыто фреймворком, но по сути, все такие сервера делают примерно одно и то же.
Но сегодня существует более современный способ создания сервера, которому не нужно привязываться к сокету. О нём в этой статье.
#nodejs #javascript #бэкенд
👍7
Forwarded from Точка входа в программирование
Флексим и создаём GUI на Python с веб-технологиями рендеренига
В этом нам поможет Flexx — набор инструментов, сделанных на чистом Python. Он позволяет писать код графических интерфейсов прямо на питоне и на ходу генерировать JavaScript с помощью транслятора PScript.
Узнать подробности о возможностях и изучить инструкцию можно на странице проекта.
#инструменты #python #javascript #gui
В этом нам поможет Flexx — набор инструментов, сделанных на чистом Python. Он позволяет писать код графических интерфейсов прямо на питоне и на ходу генерировать JavaScript с помощью транслятора PScript.
Узнать подробности о возможностях и изучить инструкцию можно на странице проекта.
#инструменты #python #javascript #gui
👍6
Обширная библиотека материалов по веб-разработке — сэнтузиаст отобрал самые полезные темы, гайды и домашние проекты, чтобы детально изучить тему и уже в этом году начать поиск работы.
• Вся база по HTML, CSS, JS, React.
• Шпаргалки, пособия и документация.
• Множество видео-гайдов.
• Пошаговый разбор пет-проектов для вашего портфолио и работа с GitHub.
• Материалы к собеседованиям и даже записи реальных технических созвонов.
• Наиболее удобные сервисы для хостинга проектов и работы фронтендера.
• Профессиональные блоги, книги и статьи для ежедневного чтения и просвещения.
Ультимативные знания берем — тут.
#фронтенд #библиотека
• Вся база по HTML, CSS, JS, React.
• Шпаргалки, пособия и документация.
• Множество видео-гайдов.
• Пошаговый разбор пет-проектов для вашего портфолио и работа с GitHub.
• Материалы к собеседованиям и даже записи реальных технических созвонов.
• Наиболее удобные сервисы для хостинга проектов и работы фронтендера.
• Профессиональные блоги, книги и статьи для ежедневного чтения и просвещения.
Ультимативные знания берем — тут.
#фронтенд #библиотека
👍8❤3🔥1
Media is too big
VIEW IN TELEGRAM
Современная бэкенд архитектура: Как сегодня создаются масштабируемые и высоконагруженные приложения
Бэкенд — это не только API. Это еще и множество сервисов и приложений, помогающих делать крутые высоконагруженные приложения. Здесь вы:
— познакомитесь с современным стеком, использующимся в коммерческой разработке;
— узнаете различия между маленькими, средними и большими приложениями;
— рассмотрите архитектуры современных веб-приложений, фокусируясь на бэкенд-части.
#видео #бэкенд
Бэкенд — это не только API. Это еще и множество сервисов и приложений, помогающих делать крутые высоконагруженные приложения. Здесь вы:
— познакомитесь с современным стеком, использующимся в коммерческой разработке;
— узнаете различия между маленькими, средними и большими приложениями;
— рассмотрите архитектуры современных веб-приложений, фокусируясь на бэкенд-части.
#видео #бэкенд
👍6❤1
Отладка JavaScript в Chrome DevTools для начинающих фронтендеров
Поиск и исправление ошибок в JS может быть весьма ресурсозатратным мероприятием. Новичкам этот процесс может показаться неподъёмным камнем.
Но только до знакомства с отладкой в инструментах разработчика, встроенных в браузер. О ней вы узнаете в этой статье. Причём не о привычной всем console.log, а куда более эффективной альтернативе.
#javascript #qa
Поиск и исправление ошибок в JS может быть весьма ресурсозатратным мероприятием. Новичкам этот процесс может показаться неподъёмным камнем.
Но только до знакомства с отладкой в инструментах разработчика, встроенных в браузер. О ней вы узнаете в этой статье. Причём не о привычной всем console.log, а куда более эффективной альтернативе.
#javascript #qa
👍15
Media is too big
VIEW IN TELEGRAM
JSON4U — универсальный инструмент для работы с JSON
С помощью JSON4U вы в режиме онлайн можете форматировать, валидировать, сравнивать JSON, при этом сразу визуализируя его в таблицах или графах.
Помимо онлайн составляющей вам также понравится его интерактивность. Попробуйте сами: https://json4u.com/
#инструменты #json
С помощью JSON4U вы в режиме онлайн можете форматировать, валидировать, сравнивать JSON, при этом сразу визуализируя его в таблицах или графах.
Помимо онлайн составляющей вам также понравится его интерактивность. Попробуйте сами: https://json4u.com/
#инструменты #json
🤔7❤2
Борьба с перерендерами в React
На тему мемоизации написано много статей, и все они хорошо раскрывают суть. Но если вам, как и автору этой статье, не хватало шпаргалки, которую можно отправить на вопрос «А как мемоизировать?», то вы по адресу.
Здесь вы найдёте ответы на самые частые вопросы и даже на специфические задачи. Причем, как отмечают читатели, статья будет полезна даже тем, кто с React никогда не работал.
#react
На тему мемоизации написано много статей, и все они хорошо раскрывают суть. Но если вам, как и автору этой статье, не хватало шпаргалки, которую можно отправить на вопрос «А как мемоизировать?», то вы по адресу.
Здесь вы найдёте ответы на самые частые вопросы и даже на специфические задачи. Причем, как отмечают читатели, статья будет полезна даже тем, кто с React никогда не работал.
#react
👍6👎6❤1
Микрофронтенды: 9 шаблонов для каждого разработчика
Архитектура микрофронтендов — это современный взгляд на проектирование приложений. Так независимые части разрабатываются отдельными командами и в итоге складываются в единую систему.
У этого архитектурного стиля много преимуществ, но требуется корректная интеграция этих частей. В этой статье рассматриваются девять подходов для решения этой проблемы, преимущества и недостатки их практического применения:
https://nuancesprog.ru/p/27823/
#микрофронтенд #фронтенд
Архитектура микрофронтендов — это современный взгляд на проектирование приложений. Так независимые части разрабатываются отдельными командами и в итоге складываются в единую систему.
У этого архитектурного стиля много преимуществ, но требуется корректная интеграция этих частей. В этой статье рассматриваются девять подходов для решения этой проблемы, преимущества и недостатки их практического применения:
https://nuancesprog.ru/p/27823/
#микрофронтенд #фронтенд
👍6👎3😁3🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Image Hover Effect на чистом CSS
Этот проект предлагает создание необычного эффекта при наведении на изображение — текст получает эффекты негатива, но только на некоторую область.
Как повторить такой эффект у себя в проекте, можно узнать тут:
https://codepen.io/ig_design/pen/WNrWezW
#codepen #css
Этот проект предлагает создание необычного эффекта при наведении на изображение — текст получает эффекты негатива, но только на некоторую область.
Как повторить такой эффект у себя в проекте, можно узнать тут:
https://codepen.io/ig_design/pen/WNrWezW
#codepen #css
👍7
This media is not supported in your browser
VIEW IN TELEGRAM
Skeleton Mammoth
Это библиотека для создания анимированных заглушек (скелетонов) с помощью CSS. Они отображают структуру контента, пока он загружается, чтобы страница не прыгала, а пользователям было понятно, что происходит.
Познакомиться со всеми возможностями можно на странице проекта.
#библиотека #css
Это библиотека для создания анимированных заглушек (скелетонов) с помощью CSS. Они отображают структуру контента, пока он загружается, чтобы страница не прыгала, а пользователям было понятно, что происходит.
Познакомиться со всеми возможностями можно на странице проекта.
#библиотека #css
❤9👍1
Forwarded from Точка входа в программирование
Media is too big
VIEW IN TELEGRAM
Ликбез про компьютерным сетям 💬
Сейчас почти в каждой вакансии требуется знание сетей. В этом видео автор рассказывает про базовые сетевые технологии, чтобы вы могли применять эти знания в работе, на собеседованиях, в пет-проектах и обучении.Конечно же в ролике будет шутка про TCP и UDP.
Таймкоды:
0:00 - Вступление
0:38 - Зачем знать сети?
1:48 - OSI/ISO - TCP/IP
8:19 - MAC-адрес
9:35 - IP-адрес
10:48 - Порты
11:50 - Маски и подсети
13:34 - Белые и серые подсети
14:41 - NAT network address translation
15:54 - Чем отличается TCP и UDP?
18:03 - Как работает DNS?
19:09 - Траблшутинг
20:34 - О чем не поговорили, но тоже очень важно
#сети #видео
Сейчас почти в каждой вакансии требуется знание сетей. В этом видео автор рассказывает про базовые сетевые технологии, чтобы вы могли применять эти знания в работе, на собеседованиях, в пет-проектах и обучении.
Таймкоды:
0:00 - Вступление
0:38 - Зачем знать сети?
1:48 - OSI/ISO - TCP/IP
8:19 - MAC-адрес
9:35 - IP-адрес
10:48 - Порты
11:50 - Маски и подсети
13:34 - Белые и серые подсети
14:41 - NAT network address translation
15:54 - Чем отличается TCP и UDP?
18:03 - Как работает DNS?
19:09 - Траблшутинг
20:34 - О чем не поговорили, но тоже очень важно
#сети #видео
Please open Telegram to view this post
VIEW IN TELEGRAM
❤16👍3🔥3
10 полезных библиотек для фронтенд-разработки
Некоторые из них вам, возможно, знакомы, но некоторые смогут удивить. Например, тут вы найдете современную альтернативу библиотеке lodash, дополнение к Moment.js, библиотеку для работы с элементами Drag'n'Drop и многое другое.
Переходите по ссылке и выбирайте самые полезные для вас:
https://nuancesprog.ru/p/24406/
#фронтенд #библиотека
Некоторые из них вам, возможно, знакомы, но некоторые смогут удивить. Например, тут вы найдете современную альтернативу библиотеке lodash, дополнение к Moment.js, библиотеку для работы с элементами Drag'n'Drop и многое другое.
Переходите по ссылке и выбирайте самые полезные для вас:
https://nuancesprog.ru/p/24406/
#фронтенд #библиотека
👍3❤1