Кращі проекти, в яких варто взяти участь, щоб долучитися до Open Source руху і розвинути свої навички. Частина перша. Веб-розробка


Дізнайтесь більше про нові кар'єрні можливості в EchoUA. Цікаві проекти, ринкова оплата, гарний колектив. Надсилайте резюме та приєднуйтеся до нас.

Якщо Ви цікавитеся життям Open Source співтовариства і хочете до нього приєднатися, то ця серія підбірок (яку ми продовжуємо поповнювати) саме для Вас, адже в ній зібрані кращі проекти з відкритим вихідним кодом. У першій частині серії Ви знайдете найцікавіші Open Source проекти на CSS, JavaScript і TypeScript.

CSS

Bootstrap – найпопулярніший HTML / CSS / JavaScript-фреймворк для створення чутливих і мобільно-орієнтованих веб-проектів.


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


Pure – набір невеликих чутливих CSS-модулів, які можна використати у будь-якому проекті.


Tachyons – функціональний CSS. Дозволяє писати призначені для користувача інтерфейси без CSS.


PostCSS – дозволяє змінювати стилі за допомогою JS-плагінів, які підтримують змінні, домішки і багато іншого.


Animate.css – набір кросбраузерних анімаційних ефектів, що якнайкраще застосовувати для домашніх сторінок, слайдерів і просто для краси.


Material Design Icons – офіційний набір іконок від Google, створених точно за стандартами Material Design.


Bulma – це сучасний CSS-фреймворк, що ґрунтується на Flexbox.


Hack.css – гранично простий CSS-фреймворк. Чудово підійде для створення сторінок для Ваших Open Source проектів!


CSS Icon – набір іконок, створених на чистому CSS. Жодних залежностей.


bttn.css – кращі кнопки для відмінних проектів!


aprilFools.css – відмінний спосіб покепкувати зі знайомих.


JavaScript

ggraph – інструмент для візуалізації графів. Ця бібліотека, створена на базі D3, призначена для спрощення роботи з великими і заплутаними графами.


medium – editor – клон редактора WYSIWYG, використовуваного на сайті Medium.com.


Chart.js – інструмент для створення простих HTML5-діаграм. Chart.js доступний у двох складках, Chart.js і Chart.min.js, які включають Chart.js і бібліотеку для парсингу кольорів. Якщо ж Вам треба працювати з часом, то необхідно додатково використати Moment.js.


Moment.js – легка бібліотека для будь-яких видів робіт з датами.


Clipboard.js – сучасний підхід до копіювання тексту в буфер обміну. Жодного Flash. Всього 3 КБ у стислому вигляді.


D3 – JS- бібліотека для візуалізації даних, що використовує SVG, Canvas і HTML. D3 поєднує в собі потужну техніку візуалізації та взаємодії і керований даними підхід до маніпуляції DOM, що дозволяє Вам максимально використати можливості сучасних браузерів.


Reveal.js – фреймворк для створення презентацій за допомогою HTML, що надає величезну кількість можливостей.

Демонстрація


Impress.js – ще один фреймворк для створення презентацій, що ґрунтується на CSS3-перетвореннях.

Демонстрація можливостей


SweetAlert2 – відмінна заміна стандартному alert в JavaScript.

Демонстрація можливостей


Video.js – HTML5 – і Flash- відеопрогравач.

Демонстрація можливостей


Ace – редактор коду, написаний на JavaScript. Він розширює можливості таких редакторів, як TextMate, Vim і Eclipse, його можна вбудувати у будь-яку веб-сторінку або JS-додаток.

Демонстрація можливостей


Dragula – відмінний інструмент для роботи з перетяганнями контенту.

Демонстрація можливостей


Hyper – термінал, написаний на HTML, CSS і JavaScript.


WebTorrent – торент-клієнт для Node.js і браузерів.


PhotoSwipe – JS-галерея для мобільних і настільних версій сайтів.


Docsify – магічний генератор сайтів з документацією.


Enzyme – це утиліта для тестування React. Її API інтуїтивно зрозумілий, оскільки дуже схожий на jQuery API.


sigma.js – JS-бібліотека для побудови графів.


eme – елегантний редактор розмітки.


async – модуль, що надає потужні функції для роботи з асинхронним JavaScript. Його можна використати як з Node.js, так і в браузері.


Mongotron – графічний інтерфейс для MongoDB, написаний на Electron і Angular JS.


Three.js – це кросбраузерна JS-бібліотека / API для створення анімованої 3D-графіки. Використовує WebGL.


A – Frame – це веб-фреймворк для роботи з віртуальною реальністю. Сцени створюються за допомогою HTML і системи сутностей, працюють на мобільних і настільних пристроях, а також на Vive і Rift.


Fabric.js – фреймворк, що спрощує роботу з HTML5 Canvas.


socket.io – фреймворк для додатків реального часу.


Express – швидкий, мінімалістський фреймворк для Node.js.


Grunt – система складання для JavaScript.


Gulp – потоковий збирач проектів на JS.


Webpack – це збирач модулів. Його основним завданням є складання JS-файлів для використання в браузері.


Ghost – проста і потужна платформа для створення блогів.


Hexo – аналогічний попередньому фреймворк, що використовує Node.js.


Wintersmith – простий і гнучкий генератор статичних сайтів.


N1 – поштовий клієнт, написаний на Electron, React і Flux.


Countly – кросплатформенна система для аналітики із більше як десятьма SDK.


strider – платформа для Continuous Deployment / Continuous Integration. Вона написана на Node.JS і JavaScript і використовує MongoDB.


yarn – швидкий інструмент для роботи із залежностями.


lodash – сучасний JavaScript- шаблонізатор.


babel – це транспайлер, що переписує код стандарту ES6 і вище в ES5-код.


PouchDB – це база даних, створена під враженням від Apache CouchDB і призначена для роботи в браузері.

Приклад використання:

var db = new PouchDB ('dbname');db.put ({ _id: 'dave@gmail.com', name: 'David', age: 69});db.changes ().on ('change', function (){ console.log ('Ch - Ch - Changes');});db.replicate.to ('http://example.com/mydb');

fullPage.js – простий плагін для створення односторінкових сайтів.


PM2 – це менеджер процесів для додатків Node.js зі вбудованим балансувальником навантаження. Він дозволяє підтримувати додатки в запущеному стані й навіть перезавантажувати їх без падінь.


TypeScript

TypeScript – мова, що є надбудовою над JavaScript. До неї додані опціональні типи, класи і модулі.

Демонстрація можливостей.


Visual Studio Code – редактор коду. Visual Studio Code поєднує в собі простоту редактора коду і потужні інструменти на кшталт IntelliSense.


Ionic – фреймворк для створення мобільних додатків, призначений для веб-розробників.


Stryker – фреймворк для мутаційного тестування JavaScript.


Angular – спадкоємець AngularJS. Angular – це платформа для розробки мобільних і настільних веб-додатків.


Angular Material – компоненти Material Design для Angular 2.

За матеріалами awesomo

Київ, Харків, Одеса, Дніпро, Запоріжжя, Кривий Ріг, Вінниця, Херсон, Черкаси, Житомир, Хмельницький, Чернівці, Рівне, Івано-Франківськ, Кременчук, Тернопіль, Луцьк, Ужгород, Кам'янець-Подільський, Стрий - за статистикою саме з цих міст програмісти найбільше переїжджають працювати до Львова. А Ви розглядаєте relocate?


Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *