Кто вы в IT?

Если вы новичок в IT или вы не до конца поняли, кто есть кто и кто что делает, то эта статья будет полезна для вас. Я попробую пройтись по главным позициям в IT и расскажу, чем они занимаются.

В статье рассмотрены CEO, CTO, Product Manager, Project Manager, Team Lead, Product Owner, QA/QC Engineer, Technical Writer, System Administrator, Sales Manager и Software Developer.

Читать статью

#article #career #job

Vorlon.js — это open-source инструмент с поддержкой расширений, позволяющий удаленно вести отладку и тестирование JavaScript-кода.

Библиотека основывается на node.js и socket.io. Чтобы установить Vorlon.JS, нужно будет добавить всего лишь одну строку кода в ваше веб-приложение. Затем запустить сервер и открыть консоль Vorlon.JS. Инструмент позволяет одновременно подключиться к 50 устройствам.

Проверить работу кода на каждом из подключенных устройств можно в одно нажатие. Отладку можно проводить практически на любой платформе при помощи веб-интерфейса. Плагин также позволяет добавлять новые функции и подключать ресурсы.

Демо | GitHub

#js #debug

Создание сайта с нуля. Чек-лист для начинающих

Итак, вы задумались над созданием собственного сайта. Предоставляем небольшой чек-лист, следуя за которым, вы сможете учесть все детали этого нелегкого процесса и ничего не забыть!

Читать статью

#article #web #tips

Rough.js — небольшая JavaScript библиотека для отрисовки фигур и диаграмм, как будто они сделаны от руки. Работает через canvas, предоставляет инструменты для отрисовки линий, кривых, дуг, многоугольников и других форм. Поддерживает отрисовку в SVG.

Демо | GitHub

#js #charts #diagrams

Responsive Viewer — расширение для Chrome которое помогает просмотреть сайт в режиме отзывчивого дизайна сразу на нескольких устройствах.

Установить

#chrome #extension

10 признаков устаревшего сайта

Сайт — лицо бизнеса. Современный сайт привлекает людей, они хотят больше узнать о вас и в конечном итоге стать клиентами. Плохо спроектированный или устаревший сайт делает ровно противоположное.

Ниже приведены несколько простых советов и инструментов, которые можно использовать для оценки сайта. Мы подробно рассмотрим дизайн, контент, пользовательский интерфейс и технические элементы.

Читать статью

#article #tips

Babylon.js — легковесный кроссбраузерный JavaScript-фреймворк, использующий API WebGL для отображения 2D и 3D-графики в браузере без использования каких-либо сторонних плагинов и дополнений. Babylon.js использует элемент HTML5 Canvas. Фреймворк распространяется под лицензией Apache 2.

Демо | GitHub

#js #graphic

На сайте dailycdoing.io появился раздел с бесплатными книгами для программистов и дизайнеров. Пока книг там немного, но мы каждый день расширяем библиотеку!

Скачать книгу просто. Нужно выбрать понравившуюся и нажать на кнопку "Скачать". И все! Не нужно никаких регистраций. Все абсолютно бесплатно.

Полезные советы по CSS

Существуют определенные правила CSS, которые можно найти в любом учебнике. Но есть также правила CSS, которые вы не найдете в пособиях, но столкнетесь с ними, как только начнете писать код. Здесь вы найдете советы как для новичков, так и для более продвинутых пользователей.

Читать статью

#article #css #tips

Секреты CSS. Идеальные решения ежедневных задач
Л. Веру, 2016

Леа Веру познакомит вас с недокументированными приемами, позволяющими найти изящные решения для самого широкого круга задач веб-дизайна.

В основу книги легли доклады автора на шестидесяти международных конференциях веб-разработчиков, так что она затрагивает самые актуальные темы — от взаимодействия с пользователем до типографики и визуальных эффектов.

Скачать PDF | Больше книг

#book #css

Полноценная инфраструктура Meteor.js обеспечивает быструю Frontend разработку для сквозных веб-приложений и мобильных приложений в JavaScript. Из-за своей модульной структуры библиотеки очень удобно использовать пакеты. Сегодня данная структура используется для разработки приложений в таких компаниях, как Mazda, Honeywell и IKEA.

Преимущества Meteor.js: полноэкранная JavaScript платформа, наличие MongoDB, который лучше чем реляционные базы данных, не требуется промежуточное ПО или ORM, открытый исходный код, поддерживает Node.js модули, синхронизация данных, легко установить и начать работу, обновления пользовательского интерфейса для клиентской стороны без необходимости обновления браузера, отлично подходит для разработки чат-приложений.

Демо | GitHub

#js #frontend #framework

Что такое PWA и как это использовать?

PWA или прогрессивное веб-приложение (англ. progressive web app) — гибрид сайта и приложения для мобильных устройств. Из этой статьи вы узнаете, что такое PWA и почему это крутая фишка для бизнеса.

Читать статью

#article #pwa #js

Next.js был запущен командой React.js в качестве инструмента для рендеринга на стороне сервера. Разработчики, работающие с комбинацией Next и React.js, могут значительно упростить процесс разработки интерфейса.

Next.js поставляется с набором замечательных функций, таких как маршрутизация на стороне клиента и автоматическое разделение кода. Прежде всего, Next.js поставляется с полной поддержкой CSS, известной как styled-jsx, чтобы упростить разработку дизайна пользовательского интерфейса. Некоторые преимущества Next.js:

— самостоятельная структура;
— собственный файловый маршрутизатор;
— очень легко быстро начать работать;
— очень удобная работа с antd и JavaScript;
— не создает большие статические страницы связки, они легче и быстрее загружаются, очень хорошо поддерживается командой разработчиков.

Демо | GitHub

#js #framework

HTML5. Карманный справочник
Д. Роббинс, 2015

Хотите быстро найти описание элемента или атрибута HTML5, используемого на веб-странице или в веб-приложении? Перед вами классический справочник, который веб-дизайнеры и веб-разработчики стараются всегда держать под рукой на протяжении вот уже более 15 лет.

Скачать книгу | Больше книг

#book #html

Веб-фреймворки: введение для новичков

Веб-фреймворки сильно изменили мир программирования и стали неотъемлемой частью процесса разработки. Вы можете попробовать поискать информацию о них на сайтах, в статьях и книгах, но найдёте только общую и неоднозначную информацию — ничего, кроме бесконечных определений и сложных терминов, от которых закипает мозг.

Пора наконец разобраться, что из себя представляют веб-фреймворки.

Читать статью

#article #framework

Адаптивная верстка: что это и как использовать

В настоящее время доля мобильного трафика растет стремительными темпами. Телефон всегда под рукой, в любом месте люди могут посмотреть необходимую информацию, прочитать новости и т. д. Обычный сайт можно просмотреть с помощью мобильного устройства. Однако, возникают некоторые нюансы при просмотре - для чтения отдельных блоков текста на относительно небольшом экране необходимо масштабировать страницу. Как следствие, теряется читабельность, удобство, сайт нужно постоянно пролистывать, растягивать, приближать.

В статье описаны советы и нюансы адаптивной верстки.

Читать статью

#article #frontend

Ember.js был использован при проектировании ряда сложных веб-сайтов, таких как Kickstarter, Heroku и LinkedIn. Ember.js идеально подходит для разработки сложных веб-приложений, а строковая система шаблонов, с которой она поставляется, способствует значительному уменьшению времени загрузки. Frontend JavaScript Framework также сконцентрирован на масштабируемости, чтобы разработчики могли легко работать как с мобильными, так и с веб-приложениями.

Демо | GitHub

#js #framework

Что такое AJAX и для чего он нужен?

AJAX — это технология взаимодействия с сервером без перезагрузки страницы. Поскольку не требуется каждый раз обновлять страницу целиком, повышается скорость работы с сайтом и удобство его использования. Подробнее в статье.

Читать статью

#article #js #ajax

WakaTime — это трекер времени для программистов. Его можно установить в IDE или редактор кода и он будет отслеживать время работы над проектами. Трекер записывает сколько времени вы работали с тем или иным языком программирования, проектом, редактором кода. Просмотреть статистику можно в удобном дашборд. Поддерживает все современные IDE и редакторы кода.

Сайт | GitHub

#tools #productivity