WebDEV. Страница 56
19233
@webb_dev
Канал о web-разработке. Новости IT, туториалы, веб-программирование и многое другое.
-
WebDEV
Зацените тупые программистские задачи, анекдоты, алгоритмические головоломки и прочие технарские кайфы в изложении для простых людей!
Подписывайтесь на «Код»: https://t.me/thecodemedia -
WebDEV
Vivus.js — это легкий класс JavaScript (без зависимостей), который позволяет вам создавать крутую SVG анимацию, придавая им ей, который вы рисуете. Доступно множество различных SVG анимаций, а также возможность создать собственный скрипт для рисования SVG любым удобным для вас способом. SVG анимация выглядит потрясающе с Vivus.js!
Демо | GitHub
#js #SVG -
WebDEV
Как работает CSS Flexbox
Модульflexboxпозволяет решать следующие задачи:
— располагать элементы в одном из четырех направлений: слева направо, справа налево, сверху вниз или снизу вверх;
— переопределять порядок отображения элементов;
— автоматически определять размеры элементов таким образом, чтобы они вписывались в доступное пространство;
— решать проблему с горизонтальным и вертикальным центрированием.
И многое друго. В статье подробно и с примерами описано, как пользоватьсяflexbox.
Читать статью
#article #css #flex -
Реклама
-
WebDEV
За прошлый год популярность Koa выросла, хотя кажется, что уровень удовлетворения разработчиков этим фреймворком не изменился, ведь Express по-прежнему лидирует. Однако посмотрев на графики других бэкенд-фреймворков (например, Meteor), можно сказать, что дела Koa неплохие - и могут быть еще лучше.
Этот новый веб-фреймворк, который набрал более 24 тысяч звезд на GitHub, был создан той же командой, что и Express, как менее громоздкая, более выразительная и надежная платформа для веб-приложений и API. Используя средства асинхронного программирования, Koa позволяет отказаться от callback-функций и в разы эффективнее обрабатывать ошибки. В ядре Koa не проводится сборка промежуточного программного обеспечения. Этот фреймворк имеет набор первоклассных методик, которые делают написание серверов быстрым и приятным занятием.
Демо | GitHub
#js #framework #API -
WebDEV
GraphicsJS — это мощная графическая JavaScript-библиотека с открытым исходным кодом, основанная на технологии SVG (VML для старых версий IE).
Давайте рассмотрим, чем эта библиотека хороша и выделяется среди прочих.
Во-первых, GraphicsJS весит совсем немного и обладает очень гибким JavaScript API. Она предоставляет богатые возможности для форматирования текста, а также виртуальный DOM – независимый от специфики HTML DOM в разных браузерах.
Во-вторых, в отличие от других продуктов AnyChart – JavaScript-библиотек для построения графиков – GraphicsJS бесплатна для использования как в коммерческих, так и в некоммерческих целях.
В-третьих, GraphicsJS обладает кросс-браузерной совместимостью, включая поддержку Internet Explorer 6.0+, Safari 3.0+, Firefox 3.0+, Opera 9.5+. В старых версиях IE библиотека использует VML, во всех остальных браузерах – SVG.
Наконец, GraphicsJS позволяет эффективно комбинировать графику и анимацию.
Демо | GitHub
#js #svg -
WebDEV
Хотите прокачать скиллы в области веб-разработки или обучиться с нуля, не тратя много денег?
В этом декабре онлайн-университет от Mail.ru Group дает скидку на профессию веб-разработчика до 70 тысяч рублей. Вместе с кураторами GeekBrains вы поработаете над реальными проектами, изучите основы JavaScript, верстку PHP и получите целых полтора года опыта для вашего резюме. А еще — получите сертификат об успешном прохождении обучения, свидетельство установленного образца и гарантированное трудоустройство по новой специальности!
Бронируйте участие на курсе, пока есть места! Акция действует до 16 декабря 2019 года.
Подробная программа, стоимость и условия по ссылке:
https://bit.ly/36m7iVp -
WebDEV
Что такое JAMstack и как с ним работать
Все больше и больше оборотов набирает довольно новый и нетрадиционный подход в создании сайтов — JAMstack.
Для начала давайте разберемся, что такое JAMStack, с чем его едят и почему он «превосходит» традиционные web-сайты. Подробнее в статье.
Читать статью
#article #js #jamstack -
WebDEV
Хочешь начать карьеру в финтехе с обучения в Лондоне? Умеешь программировать, разбираешься в алгоритмах и структурах данных, но не знаешь Java, C++, JS?
Коллеги в будущем проекте научат :)
Технологический Центр Дойче Банка приглашает тебя стать частью команды.
Требования:
• выпускник 2019-2020 года факультета ИТ, прикладной математики или физики
• английский уровня Intermediate и выше
• готовность работать full-time
Оставь заявку на сайте.
-
WebDEV
Turntable.js — библиотека, которая позволяет из нескольких картинок сделать одну модель, которую можно вращать. Плюсы этой библиотеки в том, что она легковесная, отзывчивая, легка в установке и настройке.
С Turntable.js вы можете легко создать классные вращающие демки 3D объектов путём размещения большого массива изображений в on-hover слайдер. Это позволяет пользователям быстро пройти через весь набор изображений, создавая эффект Flipbook и демонстрацию продукта со всех сторон.
Демо | GitHub
#js #JQuery #3d -
WebDEV
Что такое WebAssembly
WebAssembly (WASM) — новый бинарный формат, позволяющий запускать код в браузере. Вы наверняка слышали, что WebAssembly очень быстрый. Но что это значит, и что это за технология в целом? Ответы на эти и другие вопросы в статье.
Читать статью
#article #js #wasm -
WebDEV
JavaScript-фреймворк Express взлетает на волне популярности Node.js. Сейчас это один из самых трендовых инструментов веб-разработки. Его используют крупные компании Accenture, IBM и Uber, а также другие фреймворки, например, Kraken, Sails и Loopback.
Express позиционируется как минималистичный, быстрый и очень гибкий фреймворк. Он предоставляет все необходимые возможности, при этом активно используя все преимущества и мощность Node.js. Поддерживает REST API.
Возможно, самый большой недостаток Express, особенно для начинающих, – слишком большая гибкость. Одну и ту же вещь можно сделать по-разному.
Демо | GitHub
#js #node #rest -
WebDEV
Секреты и уловки JavaScript
В этой статье вы увидите несколько секретов и уловок JavaScript. По факту эти техники сохранят вам кучу времени. Возможно большинство из них вам уже знакомо, возможно некоторые нет. Но в любом случае, они будут вам крайне полезны.
Читать статью
#article #js #tips -
WebDEV
Интересное видео о фулстеках
Кто такой фулстек программист, какие стеки бывают, каким фул-стеком "лучше" быть. О перспективах фулстек разработки. Веб фулстек, мобильный фулстек, кроссплатформенная разработка.
Смотреть видео
#video -
WebDEV
WakaTime — это трекер времени для программистов. Его можно установить в IDE или редактор кода и он будет отслеживать время работы над проектами. Трекер записывает сколько времени вы работали с тем или иным языком программирования, проектом, редактором кода. Просмотреть статистику можно в удобном дашборд. Поддерживает все современные IDE и редакторы кода.
Сайт | GitHub
#tools #productivity -
WebDEV
Что такое AJAX и для чего он нужен?
AJAX — это технология взаимодействия с сервером без перезагрузки страницы. Поскольку не требуется каждый раз обновлять страницу целиком, повышается скорость работы с сайтом и удобство его использования. Подробнее в статье.
Читать статью
#article #js #ajax -
Реклама
-
WebDEV
Ember.js был использован при проектировании ряда сложных веб-сайтов, таких как Kickstarter, Heroku и LinkedIn. Ember.js идеально подходит для разработки сложных веб-приложений, а строковая система шаблонов, с которой она поставляется, способствует значительному уменьшению времени загрузки. Frontend JavaScript Framework также сконцентрирован на масштабируемости, чтобы разработчики могли легко работать как с мобильными, так и с веб-приложениями.
Демо | GitHub
#js #framework -
WebDEV
Адаптивная верстка: что это и как использовать
В настоящее время доля мобильного трафика растет стремительными темпами. Телефон всегда под рукой, в любом месте люди могут посмотреть необходимую информацию, прочитать новости и т. д. Обычный сайт можно просмотреть с помощью мобильного устройства. Однако, возникают некоторые нюансы при просмотре - для чтения отдельных блоков текста на относительно небольшом экране необходимо масштабировать страницу. Как следствие, теряется читабельность, удобство, сайт нужно постоянно пролистывать, растягивать, приближать.
В статье описаны советы и нюансы адаптивной верстки.
Читать статью
#article #frontend -
WebDEV
Веб-фреймворки: введение для новичков
Веб-фреймворки сильно изменили мир программирования и стали неотъемлемой частью процесса разработки. Вы можете попробовать поискать информацию о них на сайтах, в статьях и книгах, но найдёте только общую и неоднозначную информацию — ничего, кроме бесконечных определений и сложных терминов, от которых закипает мозг.
Пора наконец разобраться, что из себя представляют веб-фреймворки.
Читать статью
#article #framework