Start IF

18/01/2017

В 2016 году Нидерланды стали первой страной мира, которая покрыла себя национальной сетью для интернета вещей (Internet of Things, IoT). О том, что мы стоим на пороге эры интернета вещей, не трубил разве что ленивый. Тем не менее, из анонса оператора KPN, построившего ту самую сеть в «стране тюльпан...

05/01/2017

Polymer - це проект Google, який не просто полегшує вам використання Material Design. Цей чудовий фреймворк - втілення швидкості і зручності в роботі над веб-дизайном, що дозволяє створювати і повторно використовувати веб-компоненти. Проект багато часу провів в стадії бета-тесту, але відразу після виходу його популярність почала зростати подібно до лавини.

Поки хтось намагається зрозуміти, в чому ж різниця між Polymer і Angular (вони таки справді трохи схожі, особливо в плані синтаксису і особливостей організації), ми скажемо точно: Polymer - новий етап розробки, який здійснює перехід до розробки на основі сучасних веб -компонентів.

02/01/2017

D3.js
Одним із стандартних вимог для веб-додатків є візуалізація даних і побудова графіків. І в цій сфері стандартом де-факто є D3.js. Це один з найпопулярніших проектів на Github, він використовується в безлічі компаній. D3 лежить в основі купи бібліотек для побудови діаграм, графіків і інших видів візуалізації.

D3 дозволяє брати дані з будь-яких джерел і перетворити в DOM / SVG / CSS. Проект підтримує сучасні веб-стандарти, тому не турбуйтеся про можливість зіткнутися з якимись пропрієтарними форматами зразок Flash або Silverlight.

06/12/2016

Knockout - це JavaScript бібліотека, яка дозволяє створювати складні інтерфейси і при цьому залишає код «чистим», розширюваним і добре читабельним. Основне завдання, яке виконує ця чудо-коробка - це автоматичне оновлення призначеного для користувача інтерфейсу при оновленні властивості в JavaScript моделі.

Бібліотеку knockout.js, можна поєднувати з будь-якої існуючої бібліотекою, але найкраще вона працює з JQuery, і у якості системи шаблонів використовує jQuery.tmpl - для тих, хто хоче оживити інтерфейс, зробити його динамічним, включити можливість сортування даних і багато іншого.

02/12/2016

Express - один з найбільш розвинених фреймворків для Node.js на даний момент. Він багато в чому заснований на Sinatra, веб-фреймворку для Ruby. Велика частина функціоналу Express міститься в плагінах. Views підтримує рендеринг сторінок і окремих елементів, а також використання різних шаблонізаторів. Загальне враження від фреймворка - дуже гарне. Логічна і проста структура, непогано документовані можливості, розширюваність - дуже хороший задум на майбутнє.

30/11/2016

Meteor пройшов довгий шлях від простої ідеї до повнофункціонального і добре фінансованого проекту, який став сенсом життя для тисяч розробників-ентузіастів. Він багато в чому зробив революцію в сфері розробки мобільних і веб-додатків реального часу, створених за допомогою особливого інтерфейсу розробки. Будь-який веб-додаток на Meteor повністю сумісний з мобільними пристроями - ви навіть можете перетворити існуючий веб-додаток в мобільний і опублікувати його в магазині мобільних додатків.

З появою Galaxy, хмарного хостингу спеціально для Meteor-додатків, Meteor зробив фронтенд і бекенд нерозривними компонентами, для роботи з якими не потрібен величезний досвід. Метеор - full stack фреймворк, який допоможе вам на одному JS створити сучасний додаток для вебу і мобільних пристроїв. Публічний репозиторий Atmosphere зберігає тисячі пакетів, які допоможуть вам створювати такі додатки буквально на льоту.

23/11/2016

У цьому досить популярному фреймворку упор робиться на підвищення продуктивності програміста. Одним з ключових розробників Ember є Єгуда Кац (Yehuda Katz), який брав найактивнішу участь у створенні Ruby on Rails і jQuery. Ember позиціонується як «фреймворк для створення амбітних веб-додатків», який не буде даремно витрачати ваш час. Він поводиться дуже своєрідно і багато речей вирішує самостійно, ставлячи розробника перед фактом.

Ембер теж відноситься до MVC-фреймворків. У ньому використовується шаблонізації і вбудований вид двигуна, який автоматично оновлює дані так само, як і Angular, Backbone і React. Ember підтримує технологію веб-компонентів, що дозволяє розширювати HTML за допомогою власних тегів (як і Angular). Також у фреймворк вбудований движок маршрутизації і моделі, які вміють працювати з вашим RESTful API.

Використовуйте Ember якщо вам потрібен фреймворк, який просто працює. Також Ember буде корисний тим, хто не потребує гнучкості через обмеженого бюджету або жорсткого дедлайну.

17/11/2016

Backbone - це простий фреймворк, який вписується в один JavaScript файл. Backbone був розроблений Джеремі Ашкенасом за допомогою CoffeeScript. Backbone особливо популярний серед команд, які шукають просту структуру для невеликих веб-додатків, без застосування великих фремворків як Angular або Ember.

15/11/2016

ReactJS є топовим JavaScript проектом цього року! ReactJS має відкритий вихідний код і розвивається в основному за допомогою Facebook за участю інших великих технологічних компаній. React описує себе як JavaScript бібліотека для створення користувацьких інтерфейсів.

У відомому паттерні Model-View-Controller React найближчий до користувача. Він відповідає за подання даних, отримання та обробку введення користувача. Де і в якому вигляді ви зберігаєте дані, як ви спілкуєтеся зі сховищем, залежить лише від вас. React - це всього лише View вашого додатку. React побудований на парадигмі реактивного програмування. Цей декларативний підхід пропонує описувати дані у вигляді набору тверджень або формул. Зміна одного з параметрів веде за собою автоматичний перерахунок усіх залежностей. ReactJS - це суперовий GOTO-фреймворк для створення простих веб-додатків.

10/11/2016

ANGULAR - фреймворк від Google, в останні роки що знайшов шалену популярність. Цей фреймворк ідеальний для розробників, з великою увагою ставляться до останніх новинок галузі. Angular - це набір сучасних функцій для розробки і проектування, що забезпечують високу швидкість розробки. Компанія Google навіть створила спеціальний компонент Angular Material, що дозволяє легко створювати Material Design за допомогою Angular.

Angular 2 поки ще перебуває в бета-версії. За словами його розробників, це абсолютно інший фреймворк: він радикально відрізняється від свого попередника. З основних змін - оптимізація під мобільні додатки, робота з веб-компоненти і багато іншого.

Приклади сайтів зроблених на Angular:
https://www.theguardian.com

https://www.paypal.com/

https://weather.com/

08/11/2016

У цій наступній серії статей ми розповімо про найбільш популярних і сучасних рішень для фронт-енд розробників.
Отже всі javascript фреймворки використовують MVC (model - view-controller) підхід.

MVC - програмний підхід, основна мета якого - відокремити логіку додатка від подання. На практиці це дозволяє спроектувати веб-сторінки так, щоб вони містили мінімум скриптів, а самі скрипти були строго відокремлені один від одного. MVC Методологія в останні роки стає все популярнішим, а такі фреймворки, як кутові або Реагувати, показали всім, наскільки вона може бути зручна.

03/11/2016

Отже ви вирішили стати веб розробником. Головне питання - що вчити? Яку спеціалізацію варто вибрати?

Для полегшення ( або не дуже ;) ) - повне дерево технологій, які використовуються у веб розробці. Надіюся, це стане в пригоді при визначенні вашої майбутньої спеціалізації.

A Coggle Diagram about No Matter Which Route You Take , Back End ( Things to Learn , Data ( Caching , Relational: MySQL, PostgreSQL , Document: MongoDB, Couchbase, RethinkDB , Search Engine: ElasticSearch, Solr and Redis / sessions / caching ), Dev Ops ( Server Management (configuration management o...