Веб-технологии — это легко!

Мир веб-технологий очень интересен и разнообразен. Когда только начинаешь изучать веб, глаза разбегаются от обилия новых терминов. Но это не должно вас пугать, ведь главное желание и всё получится. Со временем веб вас затянет, уж поверьте. Не буду сильно затягивать со вступлением, а сразу перейдем к сути. Ниже я кратко опишу, что читать для быстрого старта, какие инструменты, сервисы пригодятся, упростят разработку.

С чего начать: HTML, CSS.

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

Редактор кода. Sublime Text.

Какой редактор выбрать для написания кода? Самым оптимальным для новичка является Sublime Text. В нем есть всё что нужно — и подсветка синтаксиса, автозаполнение, куча плагинов, приятный и интуитивно понятный интерфейс. Sublime — платный, но до определенного момента им можно пользоваться бесплатно. Функционал не обрезан в бесплатной версии. Для того, чтобы быстро верстать, можете установить плагин Emmet для Sublime Text.

Как научиться верстать.

Чтобы хорошо верстать, надо много верстать. Больше практики, качайте бесплатные макеты psd и тренируйтесь на них. Смотрите чужие исходники, как реализовано у других. В Google Chrome нажимаете F12 на любой открытой страничке и откроется панель разработчика(DevTools). Теперь изучайте чужую разметку и стили (вкладка Styles).

Дальше Javascript.

Когда немного освоитесь в html, css, Приступайте к изучению скриптового языка javascript. С его помощью добавится интерактивность вашим Веб страницам. По началу обрабатывать простые события — нажатие на кнопку, наведение на элемент и так далее. Далее, в качестве задачки, попробуйте реализовать свой слайдер картинок.

Небольшое отступление.

Если будет что-то не получаться, Google вам в помощь. Он будет основным средством для поиска информации по разработке. Не бегите сразу на форумы строчить вопрос. Ищите сами ответы, ковыряйтесь пока не найдете. Так толку больше от обучения.
Для javascript идеально подойдет песочница jsFiddle. В этом сервисе четыре блока для html-кода, css, javascript и результата. Не надо создавать файлы у себя на компе, быстренько накидали код и посмотрели результат.


6
Оставить комментарий

avatar
6 Цепочка комментария
0 Ответы по цепочке
0 Последователи
 
Популярнейший комментарий
Цепочка актуального комментария
6 Авторы комментариев
MikhailСергейМихаилJoseЮрченко Владимир Авторы недавних комментариев
  Подписаться  
новее старее большинство голосов
Уведомление о
Staller999
Гость
Staller999

Очень полезная статья для веб-программиста,да и вообщем для программиста и пользователя.

Юрченко Владимир
Гость
Юрченко Владимир

Конечно легко,если ты даже не очень то и профи,главное включить мозги.

Jose
Гость
Jose

Это очень хорошая статья для программистов, но не все так просто, как они рисуют, нужно много учиться

Михаил
Гость
Михаил

Да в принципе есть неплохие самоучители по HTML и CSS. Чистый HTML не особо сложен, есть справочники по тегам, в которых можно быстро узнать какой тег за что отвечает.

Сергей
Гость
Сергей

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

Mikhail
Гость
Mikhail

Действительно, веб технологии шагают вперёд,и думаю это только начало. Дальше развитие пойдёт в геометрической прогрессии.