Дайджест свежих материалов из мира фронтенда за последнюю неделю №272 (17 — 23 июля 2017)

Автор: admin от 24-07-2017, 03:10, посмотрело: 384

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.



Дайджест свежих материалов из мира фронтенда за последнюю неделю №272 (17 — 23 июля 2017) ->

Категория: Программирование » Веб-разработка

 

MVC на чистом JavaScript

Автор: admin от 21-07-2017, 16:40, посмотрело: 454

Шаблоны проектирования часто встраивают в популярные фреймворки. Например, шаблон MVC (Model-View-Controller, Модель-Представление-Контроллер) можно встретить буквально повсюду. В javascript трудно отделить фреймворк от реализованного в нём шаблона проектирования, причём, часто авторы фреймворков интерпретируют MVC по-своему и навязывают программистам своё видение вопроса.



MVC на чистом JavaScript



То, как именно будет выглядеть конкретная реализация MVC, полностью зависит от фреймворка. В результате мы получаем массу разных реализаций, что сбивает с толку и ведёт к беспорядку. Особенно это заметно, когда в одном проекте используется несколько фреймворков. Эта ситуация заставила меня задаться вопросом: «А есть ли способ лучше?».
->

Категория: Программирование » Веб-разработка

 

Как перейти от КЛАДР к ФИАС и ничего себе не сломать

Автор: admin от 20-07-2017, 16:15, посмотрело: 1148

ГНИВЦ ФНС сообщает, что с начала 2018 года КЛАДР перестанет существовать и скачать его будет нельзя.



Дисклеймер:

Если вы совсем не поняли, что означают эти наборы букв, ничего страшного. Ниже мы расскажем о реалиях работы с адресами в России. Если вам это неинтересно, почитайте про топографические каламбуры.


Правильные адреса нужны компаниям, которые любят своих клиентов. Знакомые банки, страховые и интернет-магазины, которые сейчас используют справочник КЛАДР, спрашивают нас, что же делать дальше. Поэтому мы запарились и написали пошаговое руководство по переходу с одних букв на другие от КЛАДР к ФИАС.



Как перейти от КЛАДР к ФИАС и ничего себе не сломать Поехали!

Категория: Программирование » Веб-разработка

 

Расширяем экосистему Skyeng, открыв API словаря, — первые участники конкурса

Автор: admin от 19-07-2017, 13:35, посмотрело: 618

Расширяем экосистему Skyeng, открыв API словаря, — первые участники конкурса



Месяц назад мы открыли API нашего словаря, предложили всем желающим использовать его в своих приложениях и сервисах и даже объявили конкурс среди разработчиков. За прошедшее время мы получили 18 конкурсных заявок, среди них несколько готовых решений. Сегодня мы решили в своем блоге дать авторам четырех из них возможность рассказать о своем продукте (а мы прокомментируем).

->

Категория: Программирование » Веб-разработка

 

npm link на стероидах

Автор: admin от 19-07-2017, 12:50, посмотрело: 213

npm link на стероидах



Думаю многие из вас уже сталкивались с локальной разработкой npm-пакетов. Обычно никаких трудностей это не вызывает: создаём папку, запускаем npm init, пишем тесты, дальше используем npm link (либо просто симлинк) и «шлифуем» api до полной готовности.



Звучит просто… только если вы не используете Babel, Rollup, Webpack и т.п. Иными словами, всё хорошо, пока проект не нужно собрать перед публикацией, да ещё с модификацией исходного кода. Кроме того, одновременно разрабатываемых пакетов может быть больше чем один, что в разы усложняет «жизнь». Чтобы исправить эту ситуацию, пришлось сделать маленькую утилиту npmy, под катом небольшая статья с описанием тех. процесса работы и пример использования.

->

Категория: Программирование » Веб-разработка

 

WebStorm 2017.2 – что нового в поддержке JavaScript, TypeScript, Angular и Sass и работе с ESLint, Karma и Mocha

Автор: admin от 19-07-2017, 00:00, посмотрело: 793

На этой неделе вышло большое обновление WebStorm. В этом посте мы расскажем подробнее о том, какие улучшения ждут javascript-разработчиков в WebStorm 2017.2 и других IDE JetBrains версии 2017.2.



Вы можете прочитать подробнее о WebStorm 2017.2 и скачать его на нашем сайте.



Улучшения в поддержке javascript и TypeScript



Move symbol



Новый рефакторинг Move symbol переносит классы, глобальные функции и переменные из одного javascript или TypeScript файла в другой. IDE автоматически добавит экспорт и обновит ES6-импорты в файлах, где используется этот символ.



Чтобы вызвать этот рефакторинг, поставьте курсор на символ в ES6-модуле и нажмите F6.



WebStorm 2017.2 – что нового в поддержке JavaScript, TypeScript, Angular и Sass и работе с ESLint, Karma и Mocha
->

Категория: Программирование » Веб-разработка

 

Добротный риалтайм на React и Socket.io

Автор: admin от 18-07-2017, 16:55, посмотрело: 440

Сегодня поговорим о том, как наладить взаимодействие React-приложения с сервером, используя Socket.io, добившись при этом высокой скорости отклика приложения на события, которые генерирует сервер. Примеры кода рассчитаны на React или React Native. При этом концепции, изложенные здесь, универсальны, их можно применить и при разработке с использованием других фронтенд-фреймворков, таких, как Vue или Angular.



Добротный риалтайм на React и Socket.io




Итак, нам нужно, чтобы клиентское приложение реагировало на события, генерируемые на сервере. Обычно в подобных случаях речь идёт о приложениях реального времени. В таком сценарии сервер передаёт клиенту свежие данные по мере их появления. После того, как между клиентом и сервером будет установлено соединение, сервер, не полагаясь на запросы клиента, самостоятельно инициирует передачу данных.
->

Категория: Программирование » Веб-разработка

 

CSS — это не чёрная магия

Автор: admin от 17-07-2017, 15:25, посмотрело: 272

Категория: Программирование » Веб-разработка

 

Pygest #13. Релизы, статьи, интересные проекты из мира Python [04 июля 2017 — 17 июля 2017]

Автор: admin от 17-07-2017, 13:05, посмотрело: 303

Pygest #13. Релизы, статьи, интересные проекты из мира Python [04 июля 2017 — 17 июля 2017] Всем привет! Это уже тринадцатый выпуск дайджеста на Хабрахабр о новостях из мира Python.



В сегодняшнем выпуске вы найдёте интересные материалы, касающиеся оптимизации Python, его внутренностей, Django, машинного обучения и многого другого. Присылайте свои актуальные материалы, а также любые замечания и предложения, которые будут добавлены в ближайший дайджест.



А теперь к делу!
Перейти к дайджесту

Категория: Программирование, Веб-разработка

 

Звонки между браузерами: подводные камни WebRTC

Автор: admin от 17-07-2017, 12:45, посмотрело: 516

Звонки между браузерами: подводные камни WebRTCWebRTC, доступное в современных браузерах через javascript API, захватывает голос и видео, передает их по сети и воспроизводит в другом браузере. Еще оно умеет Peer-to-Peer между браузерами, Screen Sharing, передачу данных UDP-пакетами и подстройку битрейта под ширину канала. Очень хорошая технология. И Skype for Web на ней можно собрать, и превратить джойстик в световой меч для игры на ноутбуке, и позвонить с сотового на веб-страницу. Очень хорошая технология. Но сырая.



В Voximplant мы уже много лет развиваем множество SDK для звонков в наше облако: Android, iOS, Unity, React Native. Почетное место занимает Web SDK, использующий как раз WebRTC. С помощью него CRM принимают звонки «на веб страницу», работают кнопки «позвоните нам с веб сайта» и видео консультации с врачами. За годы мы набили множество шишек в использовании WebRTC, и под катом я кратко пройдусь по основным моментам, которые вас не обрадуют, если вы захотите использовать эту замечательную технологию.
->

Категория: Программирование, Веб-разработка, Google