Контекст данного поста об изменениях для веб-разработчиков, я вижу многих разработчиков которые «застряли», особенно в .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 и создайте что-то полезное.
обязательно к прочтению:
- WOA is here to stay
- Richardson Maturity Model – Article from Martin Fowler
- REST in Practice
- Hypermedia and Forms
Эти статьи должны помочь для старта. Кроме того, следите за выполнением, таких как 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:
- Шаг за шагом с Nettuts c примерами
- Статья в Smashing Magazine является довольно хорошая отправная точка,
чтобы понять больше о философии дизайна и процесс мысли. - Лучшие 25 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