Времена меняются для веб-разработчиков — 6 советов чтобы выжить

в 11:04, , рубрики: css, css-фреймворк, css3, html, html5, http, javascript, javascript library, jquery, node.js, responsive design, rest, Twitter Bootstrap, метки: , , , , , , , , , ,

image

Контекст данного поста об изменениях для веб-разработчиков, я вижу многих разработчиков которые «застряли», особенно в .NET.
Если вы еще не начали совершенствоваться в Вашем искусстве и адаптироваться к изменяющимся трендам, вы должны начать это делать сегодня.

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

1 — Учимся писать лучше Javascript и CSS

Если Вы не владеете совершенным JS и CSS — Вы покойник.

Познакомьтесь с более высоким уровнем абстракции языка, чтобы писать Javascript, после того как вы освоили базовый Javascript:
CoffeeScript или TypeScript.

Кроме того, осваивайте распространенные Javascript библиотеки:

  • JQuery — Вы должны быть уже знакомы. Разве нет?
  • Require.js — файловый/модульный загрузчик.
  • Underscore.js — невероятно удобная JavaScript библиотека.
  • modernizr — узнаёт, что из HTML5 и CSS3 умеет браузер пользователя
  • history.js — History State/APIs

так же:

и еще, начните изучать TypeScript, если вы используете Microsoft technology/C# background.

На CSS стороне, осваивайте SASS и/или Less — бегло CSS3 техники,
следите за поддержка CSS3 свойств в браузерах. Понимание адаптивной верстки и и использование media запросов.

2 — Знакомство с Responsive frameworks

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

Если вы не хотите постоянно использовать media запросы, лучше ознакомьтесь с несколькими Responsive framework.

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

Мое личное предпочтение Twitter Bootstrap и Zurb’s Foundation.
Я сделал довольно много работ с Bootstrap, и я впечатлен возможностями.

Важно прочесть:

3 — Изучение часто используемых Javascript MVC фреймворков

Быть первоклассным Javascript-разработчиком. Существует масса Javascript MVC фремворков для разработки на стороне сервера, но ознакомьтесь по крайней мере с пятью:

Чтобы сравнить и сопоставить их, посмотрите на TodoMVC — Я нашел это довольно полезным.

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

4 — Понимание REST и HTTP

Поймите Restful сервисы и осваивайте server-side технологии.
К примеру, Node.js.
Если вы в .NET, начните с Web APIs.
Более того, понимание свойств REST. Понимание Hypermedia. Свяжите Ваши REST сервисы с одной из вышеупомянутых MVC и создайте что-то полезное.

обязательно к прочтению:

Эти статьи должны помочь для старта. Кроме того, следите за выполнением, таких как Meteor, SignaIR и т.д,
которые могут использовать Web Sockets,
как только они будут готовы.

5 — Поймите HTML5 Beyond the Buzzword

HTML5 стандарты пока не утверждены и остаются в прогрессе, но это не мешает их повсеместной адаптации. Во время разработки сайтов,
доступно много интересных инструментов для разработки (таких как Phonegap), это позволит Вам сжимать Ваши браузерные HTML5 приложения, к примеру в приложение
для мобильных устройств (гибридные приложения), и распространять их так же много, как родные.

HTML5 (англ. HyperText Markup Language, version 5) — язык для структурирования и представления содержимого для всемирной паутины, а также основная технология, используемая в Интернете. Это пятая версия HTML-стандарта (изначально созданного в 1990 году и последней версией которого являлся HTML4, стандартизированный в 1997 году[1]) и находится в стадии разработки по состоянию на ноябрь 2012 года. Основной её целью является улучшить язык, поддерживающий работу с новейшими мультимедийными приложениями, при этом сохраняется лёгкость чтения кода для человека и ясность исполнения для компьютеров и приспособлений

Есть много хороших статей о HTML5:

Познакомьтесь с наиболее полезными и интересными HTML5 Javascript APIs и функциями. Такие как Web Sockets, Application Cache, Canvas API, Vide/Audio и др.
Начните использовать HTML5 boiler plate в качестве базового. www.initializr.com/

Обзор HTML5 свойств
Используйте что то наподобие http://html5please.com/ или CanIUse,
оставайтесь в курсе обновления HTML5 свойств, которые можно использовать для улучшения прецедентов на основе требований

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

6 — Оптимизация

Оптимизируйте все что Вы разрабатываете, оптимизируйте когда Вы готовы.

Используйте некоторые инструменты для разработчиков чтобы исследовать Вашу и страницу и проверять Javascript производительность

Проверьте ваш сетевой трафик, когда это требуется. Познакомьтесь с таким инструментом как Fiddler

Используйте инструменты, такой как Screenfly чтобы проверить экран для различных разрешений и форм экрана.
Используйте симуляторы, подобные Ripple для проверки поведения Ваших сайтов на мобильных устройствах.

Это большинство из советов. Удачи в кодировании.

источник:
Changing Times For Web Developers – 6 Tips You Should Read To Survive

Автор: balkonskiy

Источник

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js