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

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
Поделиться публикацией

Похожие публикации

Комментарии 15

    –10
    В список стоит добавить Dart
      +14
      В раздел «пустая трата времени», рядом с Java-апплетами.
        0
        Но почему? Если мы используем SASS, почему не использовать Dart в задачах, в которых он удобнее JS? Я не подразумеваю Dart-машину браузера (что, однако, было бы круто).

        И да, чем лучше CoffeeScript или TypeScript (кроме популярности)? Схожестью синтаксиса с обычным JS? Честно, интересно понять такое отношение к dart.
          +1
          А в чем принципиальные преимущества Dart?
            –2
            Для меня — ни в в чем. Я не утверждал, что он лучше этих языков. Просто заметил, что логично его добавить в список, т.к. он может быть кому-то удобнее.
              0
              лично для меня преимущество Dart в том, что это структурированный язык программирования, в котором есть привычные для большинства людей примитивы модульности, а семантика непозволяет прочитать undefined из-за пределов массива, а затем радостно помножить его с другим undefined прочитанным из несуществующего свойства или там сложить со строчкой «123».

              к этому нормальному языку прилагается из коробки из коробки достаточно богатая библиотека которая покрывает и клиент и сервер, а еще есть пакеты реализующие вещи из будущего типа web components.

              и при этом все это работает в любом современном браузере.
            –1
            сравнение с Java-апплетами совершенно непонятно, можете пояснить?
          +8
          Кажется, это уже третья подобная статья, которую я читаю на хабре. Причем суть особо не меняется.
            +10
            Мне нравится javascript, но не совсем понятно, почему я должен круто на нём писать, если я backend-разработчик(а там своих новшеств выше крыши). И если всё, что вы написали актаульно для frontend-разработчика, то при чем тут .Net?
              +2
              Немного не в тему, но я пишу универсальный код C# под .NET и JavaScript, т.к. такое решение оказалось самым оптимальным. На этих выходных узнаете (если хотите) как, т.к. выйдет моя статья :)
                0
                С удовольствием прочитаю, хотя и не верю в «универсальный код».
              +8
              habrahabr.ru/post/162317/
              Повторение мать учения? =) и да, вы статью вычитывали после перевода?
                +2
                Быть первоклассным Javascript-разработчиком.

                Т.е. чтобы стать первоклассным Javascript-разработчиком мне всего лишь нужно выучить эти 5 фреймворков?
                  0
                  Думаю будет правильнее использовать в контексте статьи не «веб-разработчик» а «frontend веб-разработчик».

                  Так как все, что тут описано, в большей мере относится к клиентской стороне приложения. Очень часто разработчику который занимается серверной частью вовсе не обязательно знать все эти фреймворки, ему бывает достаточно знать формат, в котором он должен отдавать данные для клиентских скриптов, и более ничего (утрированно немного конечно, но это для примера).
                    0
                    Я как-то выживаю зная и понимая всего 20% упомянутых в этой статье тем. Что я тут делаю!

                    Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

                    Самое читаемое