IPB

Здравствуйте, гость ( Авторизация | Регистрация )


 
Closed TopicStart new topicGo to the end of the page
> Современный веб-разработчик, или 6 вещей, которые вы должны знать, чтобы выжить, [Перевод]
Пастор
сообщение 12.12.2012 - 16:19
Сообщение #1


Goddess Bunny
******

Текущее настроение:

Вст. ник | Цитата

Группа: Супер Стар
Сообщений: 2564
Регистрация: 15.02.2007
Пользователь №: 8842
Из: Екатеринбург

Награды: 8
Подарки: 17

Пол: М


Репутация:   127  

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


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

1 – Улучшайте качество кода (javascript и CSS)


Если вы не пишете грамотный HTML и CSS, вам не выжить.
  • Изучите все основные возможности javascript
  • Затем приступайте к продвинутым возможностям языка
  • Как только вы будете чувствовать себя уверенно в чистом JS ознакомьтесь с языками более высокого уровня абстракции, например CoffeeScript или TypeScript. Совершенствуйте использование необходимых javascript библиотек, вот список минимально необходимых:
  • JQuery – Вы ведь уже давно его выучили, да?
  • Require.js — javascript загрузчик файлов и модулей.
  • Underscore.js – отличная библиотека утилит
  • modernizr – детектор поддержки возможностей HTML/CSS браузерами.
  • history.js – эмуляция HTML history API, работа с историей браузера.

И вот еще немного:

2 – Создавайте адаптивный дизайн


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

Адаптивный дизайн (Responsive Web Design, RWD) это подход к веб-дизайну когда сайт разрабатывается чтобы обеспечить оптимальный вид — легкось чтения и навигации без использования увеличения, поворота устройства, и прокрутки — для широкого круга устройств (от монитора до мобильных устройств)

Лично я пользуюсь Twitter Bootstrap и Zurb’s Foundation. Я очень долго работаю с Bootstrap, и приятно удивлен фишками Foundation.

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

3 – Изучите наиболее полезные javascript MVC фреймворки


Станьте первоклассным javascript разработчиком. Имеется множество javascript MVC фреймворков для клиентской части, но выучите хотя бы 5 (Да, по меньшей мере 5). Я собрал для вас стартовую подборку.

Чтобы сравнить и сопоставить их возможности, посмотрите на TodoMVC – очень крутая и полезная штука. Это проект, который создан чтобы помочь вам сделать выбор из зоопарка MVC фреймворков, в зависимости от ваших целей.

4 – Разберитесь в работе REST и HTTP


Вы должны понимать как работают веб-службы Restful и профессионально владеть созданием и управлением серверной частью сайта. К примеру, пользуйтесь Node.js. Если вы используете .NET, начните с Web APIs. Более того, разберитесь как работает REST. Потратьте время на изучение Hypermedia. Не останавливайтесь на теории, выполните несколько примеров. А затем, обьедините ваши знания REST веб-сервисов с одним из упомянутых выше MVC фреймворков, и сделайте какой-нибудь проект с использованием этих технологий. Используйте правильные HTTP запросы.

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

Эти статьи сойдут для начала. Также, обратите внимание на готовые реализации например Meteor, SignalR.

5 – Будущее за HTML5


Стандарт HTML5 очень динамично развивается, но многое уже утверждено. Наряду с разработкой сайтов, HTML5 предоставляет множество контейнеров (например PhoneGap и т.д.) которые позволяют упаковывать ваши приложения в браузер — контейнеры для мобильный устройств (так называемые гибридные приложения), для распространения их как нативных приложений через привычные каналы дистрибуции.
HTML5 это язык разметки для структурирования и представления контента в сети и явлется основной технологией Интернета. Это пятая ревизия стандарта HTML (создан в 1990 и стандартизирован как HTML4 в 1997) и, по состоянию на ноябрь 2012, находится в разработке.Основной целью является улучшить язык, добавив поддержку современного медиа-контента с сохранением читабельности кода людьми и стабильно распознаваемым компьютерами и др. устройствами (веб-браузеры, парсеры, и т.д.).

Есть много классных статей по HTML5:

Ознакомьтесь с самыми полезными и впечатляющими HTML5 javascript API и преимуществами языка. Обратите внимание на Web Sockets, Application Cache, Canvas API, Vide/Audio и т.д. Начните для начала с какого-нибудь популярного шаблона, можете использовать для создания шаблонов, например Initializr.
Ищите в этих технологиях то, что вам реально пригодится в работе.
  • Несколько примеров использования возможностей HTML5
  • Пользуйтесь чем-то вроде html5please или CanIUse, они помогут вам быть в курсе последних изменений в стандарте, которые вы можете использовать, для улучшения вашего дизайна.
  • Также, посмотрите, как большие игроки рынка используют HTML5 как платформу для построения кросс-платформенных гибридных приложений — не только для web, а и для десктопов и мобильных устройств.
  • Google Chrome Packaged Applications
  • Firefox OS

6 – Оптимизируйте


Оптимизируйте все, что вы делаете, во время разработки, и по окончании ее.
  • Структурируйте и улучшайте ваш CSS и javascript код.
  • Пользуйтесь инструментами инспекции кода вашей страницы, и проверяйте производительность javascript
  • Google Chrome’s speed tracer
  • YSlow
  • Когда необходимо, мониторьте сетевой трафик, это может понадобиться в любое время – для этого попробуйте инструменты вроде Fiddler
  • Пользуйтесь полезными сервисами, например Screenfly для проверки отображения веб-страницы на устройствах разного форм-фактора
  • Используйте симуляторы, например Ripple чтобы проверить поведение вашего веб-сайта на мобильных устройствах.

Ну вот и все, я закончил с советами. Можете садиться за чтение, и начинать совершенствоваться, желаю вам успехов.

Перевод статьи Anoop Madhusudanan «Changing Times For Web Developers – 6 Tips You Should Read To Survive»
Автор перевода Wolf6969


--------------------
В Интернете тебя встречают по аватару, а провожают по умению обособлять запятыми деепричастные обороты.

Мои друзья - аморальные ублюдки! Но я люблю их не за это...
Не пускайте детей в интернет. Интернет от детей тупеет ©

Ничто не предвещало беды - кот спал в кресле, мухи совокуплялись на отвесных поверхностях, я ел борщ...©

Если вас положили в воду и начали размешивать, знайте – вас разводят! ©
бНОПНЯ вЭлкам for great justice frequently asked questions

От нефиг делать, на досуге, слова рифмую я друг с другом. Вчера, в подъезде, слово бал - я феерично станцевал © Пастор

*”``”*°•. ۞☯Церковная лавка☯۞.•°*”`”*°•.
Такие парни, как я, на футбол без бензопилы и канистры бензина не ходят - не интересно.©

Сколько бы обо мне не говорили плохого, мне всегда есть, что добавить.©


--------------------
Подарки: (Всего подарков: 17 )
Подарок
Подарил(а): львица
Подарок
Подарил(а): Мэри
Подарок
Подарил(а): Мэри




Go to the top of the pageGo to the end of the page
 
+Quote Post
Mr Perk
сообщение 3.08.2013 - 19:37
Сообщение #2


Новенький


Текущее настроение:

Вст. ник | Цитата

Группа: Новички
Сообщений: 6
Регистрация: 3.08.2013
Пользователь №: 79921
Из: Москва

Награды: Нет
Подарки: 0

Имя: Михаил
Пол: М


Репутация:   0  

Спасибо! Взял на заметку, еще бы англ подтянуть - было бы вообще супер


--------------------
Half the world is composed of people who have something to say and can't and the other half who have nothing to say and keep on saying.


--------------------
Подарки: (Всего подарков: 0 )
У пользователя нет подарков




Go to the top of the pageGo to the end of the page
 
+Quote Post
Sanctuar Ranktum
сообщение 8.01.2015 - 19:35
Сообщение #3


Осваивающийся
*

Текущее настроение:

Вст. ник | Цитата

Группа: Участники
Сообщений: 77
Регистрация: 7.01.2015
Пользователь №: 84639
Из: Воронеж

Награды: 1
Подарки: 2

Имя: Александр
Пол: М


Репутация:   8  

По поводу второго пункта: обидно только, что некоторые устройства игнорируют css-условия, которые - главное в резиновой вёрстке, и приходится подгонять всё индивидуально, а так всё верно, советы очень полезны)


--------------------
Кошки - это хорошо.©Терри Пратчет "Мрачный жнец"


--------------------
Подарки: (Всего подарков: 2 )
Подарок
Подарил(а): льдинка
Подарок
Подарил(а): льдинка




Go to the top of the pageGo to the end of the page
 
+Quote Post

Closed TopicStart new topic
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0

 




> Статистика
Board Stats

Подарок форуму

10 евро

100 евро

10000 евро

1000000eur

  


Текстовая версия Сейчас: 29.03.2024 - 15:17