WebDEV

Wheelnav.js (Wheel navigation JavaScript library) — библиотека на основе SVG для создания анимированного навигационного меню. Она позволяет создавать округлые, табулированные и многие другие форматы меню навигации. Библиотека включает в себя предопределенные CSS-классы, а также поддерживает data-атрибуты HTML5. Демо | GitHub #js #nav #slider

Prime NG — это библиотека, включающая в себя обширный набор из более чем 70-ти компонентов пользовательского интерфейса. При этом здесь доступны разные виды их стилизации, например — Material Design и Flat Design. У Prime NG примерно 3.3 тысячи звёзд на GitHub, ей пользуются такие компании, как eBay, Fox, и многие другие. Всё это говорит о том, что данная библиотека достойна внимания тех, кто ищет подходящий набор компонентов для своего проекта. Демо | GitHub #library #angular

Интересные новые функции в ES2018 Включая оператор spread в объектах, оператор rest, асинхронную итерацию и многое другое. Читать статью #article #js #es2018

Material Components Web — это библиотека, которая разработана командой инженеров и UX-дизайнеров из Google. Входящие в неё компоненты позволяют организовать рабочий процесс, на выходе которого можно ожидать появления привлекательных и функциональных веб-проектов. Эта библиотека заменила библиотеку react-mdl (которая теперь признана устаревшей) и набрала уже около 7 тысяч звёзд на GitHub. Демо | GitHub #react #library #ux

​​У Skillbox стартует масштабная программа профессиональной подготовки с гарантированным трудоустройством "Frontend-разработчик" Этот курс подойдет как новичкам в веб-разработке, так и разработчикам с базовым уровнем. Вы освовите престижную, востребованную и высокооплачиваемую профессию. Вас научат писать чистый код и создавать структурированные проекты с нуля. Практика В сторону занудные лекции — на курсе вы будете кодить, кодить и еще раз кодить. Освоите верстку, HTML, CSS, JavaScript. Поработаете с Web API. Познакомитесь c React, Angular и Vue. После прохождения курса вы получите диплом frontend-разработчика. После прохождения всей программы вы сможете претендовать на звание Middle Developer и гарантированное трудоустройство, с которым поможет Skillbox. Регистрируйтесь сейчас и получите новогоднюю скидку -50%!

Вирусы на сайтах Одной из наиболее опасных угроз для современных сайтов являются вирусы. Обнаружив вредоносный код на страницах сайта, поисковые системы добавляют к сниппету в выдаче специальную отметку, рекомендующую пользователю не переходить по ссылке. Администратору ресурса приходится серьезно поработать, чтобы удалить вирусы и вернуть сайт в исходное состояние. Но даже после этого на восстановление посещаемости и репутации проекта требуется некоторое время. Поэтому лучше сразу приложить определенные усилия, чтобы обезопасить свой сайт от заражения. Читать статью #article #security

ItemSlide.js — простой и красивый сенсорный слайдер-карусель. Инструмент можно настраивать под любые экраны — как удобную "бегущую" строку, так и широкоформатный слайдер. Демо | GitHub #js #library #jquery

Зацените тупые программистские задачи, анекдоты, алгоритмические головоломки и прочие технарские кайфы в изложении для простых людей! Подписывайтесь на «Код»: https://t.me/thecodemedia

Vivus.js — это легкий класс JavaScript (без зависимостей), который позволяет вам создавать крутую SVG анимацию, придавая им ей, который вы рисуете. Доступно множество различных SVG анимаций, а также возможность создать собственный скрипт для рисования SVG любым удобным для вас способом. SVG анимация выглядит потрясающе с Vivus.js! Демо | GitHub #js #SVG

Как работает CSS Flexbox Модуль flexbox позволяет решать следующие задачи: — располагать элементы в одном из четырех направлений: слева направо, справа налево, сверху вниз или снизу вверх; — переопределять порядок отображения элементов; — автоматически определять размеры элементов таким образом, чтобы они вписывались в доступное пространство; — решать проблему с горизонтальным и вертикальным центрированием. И многое друго. В статье подробно и с примерами описано, как пользоваться flexbox. Читать статью #article #css #flex

Добро пожаловать в ад, сисадмин! Beginning dump of physical memory. Оно само! Physical memory dump complete. Я нажала и все пропало! Contact your system administrator of technical support group for further assistance. Пробейся сквозь круги офиса и получи целую гору призов от Kaspersky SpaceLab в новой игре "Ад сисадмина".

За прошлый год популярность Koa выросла, хотя кажется, что уровень удовлетворения разработчиков этим фреймворком не изменился, ведь Express по-прежнему лидирует. Однако посмотрев на графики других бэкенд-фреймворков (например, Meteor), можно сказать, что дела Koa неплохие - и могут быть еще лучше. Этот новый веб-фреймворк, который набрал более 24 тысяч звезд на GitHub, был создан той же командой, что и Express, как менее громоздкая, более выразительная и надежная платформа для веб-приложений и API. Используя средства асинхронного программирования, Koa позволяет отказаться от callback-функций и в разы эффективнее обрабатывать ошибки. В ядре Koa не проводится сборка промежуточного программного обеспечения. Этот фреймворк имеет набор первоклассных методик, которые делают написание серверов быстрым и приятным занятием. Демо | GitHub #js #framework #API

Попрактикуемся? За 4 дня напишем свою фриланс биржу с блекджеком 🎰 и шавухами 🌯 на чистом JavaScript! Программа воркшопа 👀 Познакомимся с основами JavaScript. Научимся работать с элементами DOM дерева, получать элементы со страницы, манипулировать ими. Узнаем как работать с селекторами, в особенности классами: добавлять, удалять и проверять наличие классов. Поработаем с объектами, массивами и LocalStorage. Разберемся как отлавливать события и перебирать массивы разными способами. Все это будем писать на современном стандарте. Переходи по ссылке и получи приглашение👇 https://telegram.me/gloacademy_bot?start=5df3fcacd0c359000f2428a4

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

Хотите прокачать скиллы в области веб-разработки или обучиться с нуля, не тратя много денег? В этом декабре онлайн-университет от Mail.ru Group дает скидку на профессию веб-разработчика до 70 тысяч рублей. Вместе с кураторами GeekBrains вы поработаете над реальными проектами, изучите основы JavaScript, верстку PHP и получите целых полтора года опыта для вашего резюме. А еще — получите сертификат об успешном прохождении обучения, свидетельство установленного образца и гарантированное трудоустройство по новой специальности! Бронируйте участие на курсе, пока есть места! Акция действует до 16 декабря 2019 года. Подробная программа, стоимость и условия по ссылке: https://bit.ly/36m7iVp

Что такое JAMstack и как с ним работать Все больше и больше оборотов набирает довольно новый и нетрадиционный подход в создании сайтов — JAMstack. Для начала давайте разберемся, что такое JAMStack, с чем его едят и почему он «превосходит» традиционные web-сайты. Подробнее в статье. Читать статью #article #js #jamstack

​​Хочешь начать карьеру в финтехе с обучения в Лондоне? Умеешь программировать, разбираешься в алгоритмах и структурах данных, но не знаешь Java, C++, JS? Коллеги в будущем проекте научат :) Технологический Центр Дойче Банка приглашает тебя стать частью команды. Требования: • выпускник 2019-2020 года факультета ИТ, прикладной математики или физики • английский уровня Intermediate и выше • готовность работать full-time Оставь заявку на сайте.

Turntable.js — библиотека, которая позволяет из нескольких картинок сделать одну модель, которую можно вращать. Плюсы этой библиотеки в том, что она легковесная, отзывчивая, легка в установке и настройке. С Turntable.js вы можете легко создать классные вращающие демки 3D объектов путём размещения большого массива изображений в on-hover слайдер. Это позволяет пользователям быстро пройти через весь набор изображений, создавая эффект Flipbook и демонстрацию продукта со всех сторон. Демо | GitHub #js #JQuery #3d

Что такое WebAssembly WebAssembly (WASM) — новый бинарный формат, позволяющий запускать код в браузере. Вы наверняка слышали, что WebAssembly очень быстрый. Но что это значит, и что это за технология в целом? Ответы на эти и другие вопросы в статье. Читать статью #article #js #wasm