Как начать обучение?

@shpica · Регистрация: 29.11.2012

Студворк — интернет-сервис помощи студентам

Есть топик о литературе для изучения веб-программирования, но в тоже время прочитал, что начинают изучение со структур и алгоритмов, и этого я не знал. Так вот, кто может по-пунктно разложить ход обучения веб-программированию (к примеру html-css-php)? И возможно ли начать с верстальщика и поэтапно переходить на более высокий уровень? Есть ли у вас на примете достойные книжки с примерами (а то глаза разбегаются от изобилия), понятные простому обывателю, заходя вперед уже подобрал себе Джилленуотер - Сила CSS3. Освой новейший стандарт веб-разработок. Очень прошу помочь)

@Antares-75 · 01.01.2013, 14:42

IMXO,
надо начинать с понимания структуры html страницы: понять, что такое теги и как они используются.
Потом постепенно переходить к CSS - изменять стили как непосредственно для каждого элемента отдельно, так и при помощи подключения стилей.
Отсюда вытечет уже другой способ верстки сайта - блочный (DIV-ами). Понять позиционирование.
Затем не мешало бы освоить немного JavaScript - этап перехода к языкам программирования для web.
Ну а потом уже осваивать PHP или что-то другое, чтобы корректно писать серверные приложения.

@Delog · 01.01.2013, 15:34

Безусловно начинать надо с html и css. Поскольку вы только начинаете, то я рекоммендую сразу начать с html5, к тому времени как вы начнете делать серьезные проекты, его уже как раз примут как стандарт. Кстати, рекомендую изучать именно по приведенной ссылке. Открываете исходный код любой веб-страницы, видите непонятный тег, читаете в спецификации, что он делает и как его правильно использовать. Я изучал именно так.

Далее, по желанию, можно изучить javascript, хотя, в принципе, можно отложить до лучших времен.

Ну и наконец, серверный язык программирования. Я не рекоммендую изучать php. Из множества языков, которые я знаю - это самый шудший. Я сделал несколько проектов на нем, так что знаю о чем говорю. Если бы я раньше знал, то выбрал бы ASP.NET

Ну и, конечно, никуда не деться от баз данных с их языком запросов. Уф... Сколько всего уже получилось. Давайте резюмируем:
1. html5
2. css3
3. javascript
4. ASP.NET
5. SQL

@shpica · 01.01.2013, 17:02 **[ТС]**

Antares-75, Delog большое спасибо за проявленный интерес, теперь я понял с чего нужно начинать. Вот еще кое-что: можете порекомендовать литературу, которая подойдет для начинающего, т.к. иногда читаю комментарии к тем или иным изданиям и люди пишут, что в книге не рассматривается то или иное, что по сути должно быть, пишут про несостоятельность авторов, что некоторые тупо плагиатят код, да еще к тому же и криво, что автор не может структурировать предоставляемый материал, в общем много чего. И хотелось бы отделить зерна от плевел, выбрать наиболее понятную литературу, на которой выучились многие. Видел в рекомендациях этот и этот сайты. Поделитесь своим пожалуйста своим опытом обучения веб-программирования, спасибо.

@auftech · 01.01.2013, 19:02

Сообщение от shpica

структур и алгоритмов

Ну это на первое время тебе точно не понадобится ! По крайней мере пока до программирования не дошёл ! Главное чтобы у тебя было элементарное абстрактное мышление ! А остальное само уже пойдёт !

Сообщение от Antares-75

Затем не мешало бы освоить немного JavaScript - этап перехода к языкам программирования для web.

имхо , скрипт можно и наконец припасти , и перейти сразу на Мутулз или Джэй Квэри!

Сообщение от Delog

Ну и наконец, серверный язык программирования. Я не рекоммендую изучать php. Из множества языков, которые я знаю - это самый шудший. Я сделал несколько проектов на нем, так что знаю о чем говорю. Если бы я раньше знал, то выбрал бы ASP.NET

Ну это уже личное мнение )) Я и ПХП изучил , и могу приложение средней сложности свободно на нём написать, и Жабу изучаю .. Пусть сам выберет , что хочет..
shpica, ты пока с элементарной верстки и дизайна начни (если это даже не твоё, смежные технологии надо знать

)... ХТМЛбук.ру тебе в помощь !

@shpica · 01.01.2013, 19:16 **[ТС]**

ХТМЛбук.ру тебе в помощь

auftech дада я его приметил, и что можно с него начинать обучение? может какая еще литература поможет? И я немного запутался, в какой последовательности что учить, на первом месте конечно html, на втором css, а что потом, раз вы советуете javascript оставить на конец - php или asp.net? что более актуально и перспективно?

@auftech · 01.01.2013, 19:44

вот вам ориентировачный план на первое время ...

Первый вариант :

Учебник HTML - Содержание
Введение
Краткое вступление к учебнику, чему вы сможете научиться.
Урок 1: Начнём
Какие утилиты понадобятся вам для создания собственного сайта.
Урок 2: Что такое HTML?
Понятие о HTML.
Урок 3: Что такое HTML-тэги?
Что такое HTML-тэги и для чего они нужны.
Урок 4: Создайте свой первый сайт
Создание вашего первого HTML-документа- базовый шаблон для будущих страниц.
Урок 5: Что мы уже знаем?
Чему вы уже научились, и что - в следующих уроках.
Урок 6: Ещё немного HTML-тэгов
Познакомьтесь поближе с семью самыми используемыми тэгами HTML.
Урок 7: Атрибуты
Научитесь добавлять дополнительную информацию в ваши тэги и более точно формулировать команды.
Урок 8: Ссылки
Как создавать ссылки на вашу и другие страницы в Internet.
Урок 9: Изображения
Как легко, оказывается, вставлять изображения на страницу.
Урок 10: Таблицы
Конструирование HTML-таблиц для структурированного представления содержимого.
Урок 11: Ещё о таблицах
Ещё более сложные таблицы.
Урок 12: Внешний вид (CSS)
Как таблицы стилей - Cascading Style Sheets (CSS) можно использовать для придания совершенно фантастического вида вашим страницам.
Урок 13: Публикация страниц
Как опубликовать ваши страницы в Internet, чтобы и другие могли восхищаться ими.
Урок 14: Web-стандарты и проверка
Стандарт HTML, и как проверить корректность вашего кода.
Урок 15: Последние замечания
Несколько полезных замечаний о ваших web-проектах

Учебник CSS - Оглавление
Введение
Краткое введение. О чём здесь речь.
Урок 1: Что такое CSS?
Немного о том, почему появился CSS и почему лучше использовать CSS поверх HTML для дизайна страниц.
Урок 2: Как работает CSS?
Основы синтаксиса CSS и создание вашей первой таблицы стилей.
Урок 3: Цвет и фон
Как работать с цветом и фоном на вашем web-сайте и как использовать фоновый рисунок.
Урок 4: Шрифт
Здесь вы узнаете о работе со шрифтами в CSS.
Урок 5: Текст
Замечательные возможности CSS при работе с текстом.
Урок 6: Ссылки
Как добавить к ссылкам различные эффекты и как работать с псевдоклассами.
Урок 7: Идентификация и группирование элементов (class и id)
Подробно об использовании class и id для специфицирования свойств выбранных элементов.
Урок 8: Группирование элементов (span и div)
Подробно об использовании в CSS span и div как важнейших HTML-элементов.
Урок 9: Боксовая модель
Боксовая модель в CSS описывает боксы, генерируемые для HTML-элементов.
Урок 10: Боксовая модель - поля & заполнение
Изменение представления элементов свойствами margin и padding
Урок 11: Боксовая модель - рамки
Опции использования рамок на ваших страницах с помощью CSS.
Урок 12: Боксовая модель - высота и ширина
В это уроке мы рассмотрим, как легко можно определить высоту и ширину элемента.
Урок 13: Всплывающие элементы (поплавки)
Элемент может "всплывать" справа или слева с помощью свойства float
Урок 14: Позиционирование элементов
С помощью позиционирования CSS вы можете поместить элемент точно там, где это нужно на вашей странице.
Урок 15: Наслоение с помощью z-index (Слои)
В этом уроке мы рассмотрим, как редактировать перекрывание элементов с помощью layers
Урок 16: Web-стандарты и проверка кода
Этот последний урок - о W3C-стандартах и о том, как проверить корректность вашего CSS-кода.

Вариант 2:

Введение в HTML
Инструментарий
Теги
Структура HTML-кода
Типы тегов
Значения атрибутов тегов
Текст
Ссылки
Якоря
Изображения
Списки
Таблицы
Фреймы
Валидация документов

Введение в CSS
Преимущества стилей
Способы добавления стилей на страницу
Типы носителей
Базовый синтаксис CSS
Значения стилевых свойств
Селекторы тегов
Классы
Идентификаторы
Контекстные селекторы
Соседние селекторы
Дочерние селекторы
Селекторы атрибутов
Универсальный селектор
Псевдоклассы
Псевдоэлементы
Группирование
Наследование
Каскадирование
Валидация CSS
Идентификаторы и классы
Написание эффективного кода

существует масса книг , на английском в том числе(при переводе на русский вся вкуснятина теряется

)

вы пока на том же буке посмотрите основы, там нормально изложенно , а потом другое посоветуем )) вообще совет новичкам не искать много книг ! вы их все равно не прочтёте , лучше одну , но от корочки до корочки !

Сообщение от shpica

php или asp.net?

Настаивать не буду, и отстаивать позиции тоже особо не хочу )) для этого раздел существует - "Холивар"... Просто могу сказать что я пользуюсь ПХП и считаю , что на нём можно реализовать почти всё и легче... Если бы он был таким плохим , то больше 80% сайтов мира не работало бы на нём ... а против "АСП дот нет " могу сказать , что эта технология уже с первого же момента привязывает вас к ИИС серверу от Майкрософт ... а так с ПХП можно на любом сервере работать ...
Есть очень много характеристик и преимуществ как одного так и второго , но мир выбрал ПХП , и вам советую того же

@shpica · 01.01.2013, 20:32 **[ТС]**

auftech, спасибо, учту ваши рекомендации. Но все же какова последовательность изучения веб-программирования:
1. html5
2. css3
?. javascript
?. PHP
?. SQL

@auftech · 01.01.2013, 20:36

большинство начинает так )) прекрассный план

@Antares-75 · 01.01.2013, 21:47

Я никакие книги не читал. Просто стал сам постепенно что-то делать. Сначала простенькие странички с текстом, потом таблицы, цвета и так далее. Вначале все было очень примитивно и некрасиво. Потом требования к своим же страничкам начинаешь ужесточать - сравниваешь с сайтами и пытаешься сделать получше и интереснее. Так постепенно осваиваешь все теги, начинаешь многое понимать, добираешься до CSS и Javascript. Это вообще, минимум, что нужно знать.
Да, я совсем забыл про SQL. Если изучать серверные технологии, то без него сейчас никак. Все теперь делается через базы данных - контент хранится там, а вытаскиваешь нужную информацию и выдаешь ее пользователю с помощью PHP или ASP.
HTML5 и CSS3 это еще очень спорно. Существует, к сожалению, несовместимость браузеров.
Так что для начала хотя-бы HTML и CSS простые, а перейти к более современным вариантам будет потом легко.

@shpica · 01.01.2013, 22:02 **[ТС]**

значит сей план обучения применим?
1. html (потом 5)
2. css (потом 3)
3. javascript
4. PHP
5. SQL

@Antares-75 · 02.01.2013, 00:21

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

@shpica · 02.01.2013, 00:40 **[ТС]**

ок, всем спасибо за советы, если появятся какие-то примечания в плане обучения прошу запостить)

@t1m0n · 02.01.2013, 15:10

думаю вам лучше поискать какой нибудь шаблон в psd и попробовать его сверстать
потом попробовать сверстанный шаблон поставить на какую нибудь цмс

@Taatshi · 02.01.2013, 15:21

shpica, я бы другой план предложила.

Для начала определитесь кем Вы хотите быть - верстальщиком, кодером на php, кодером на javascript, может быть, дизайнером.... И начинайте изучать именно ту область, в которой хотите стать профи. А все остальное догонять по мере востребованности. Как понадобится - так и подучивать.

У Вас жизни не хватит изучить все в полной мере. Учите то, что нужно.

elnorbert · 02.01.2013, 15:27

Есть ли у вас на примете достойные книжки с примерами (а то глаза разбегаются от изобилия), понятные простому обывателю

выложил вам полный справочник по html в формате справочного windows файла

@Vynder · 02.01.2013, 15:39

я сначала учил html, потом php. а когда понял что без css никуда то вернулся к нему))

@shpica · 02.01.2013, 15:50 **[ТС]**

t1m0n у меня еще нет никаких знаний, чтобы сделать это)

Для начала определитесь кем Вы хотите быть - верстальщиком, кодером на php, кодером на javascript, может быть, дизайнером....

Taatshi ого сколько спецификаций) мне бы сайты качественный научиться делать, есть задумки в создании всяких плюшек в интерфейсе, вот к этому я и иду)

tolimadokara спасибо, уверен обязательно пригодится, тока этот справочник для тех кто уже более менее понимает механизм программирования, а мне как раз нужна литература, чтобы его понять

KOPOJI · 02.01.2013, 16:04

Сообщение от shpica

мне бы сайты качественный научиться делать

"делать сайты" - это понятие не совсем верное. Можно делать отличный дизайн и верстку - но при этом не знать программирование. А можно, наоборот, быть способным легко сделать регистрацию/авторизацию и прочие плюшки, но быть не способным нарисовать дизайн

К примеру у меня практически напрочь отсутствует фантазия дизайнера - поэтому я с трудом могу нарисовать какой-то более менее сносный дизайн. Зато слизать с какого-то примера - без проблем

Поэтому (наверное поэтому) мне больше нравится программирование, чем возиться с версткой/дизайном

Добавлено через 3 минуты
Определитесь для себя, что именно вы хотите делать. Проблемы с версткой в наше время решаются кучей свободных готовых шаблонов, проблема программирования - кучей готовых движков/скриптов. Но и верстка, и программирование своего - будет плюсом, вопрос только в том, что вам больше понравится - придумывать новый дизайн и воплощать его в жизнь, быть этаким своеобразным "творцом красоты", либо же писать скрипты - быть этаким своеобразным "творцом опоры".. Как то так

@shpica · 02.01.2013, 16:35 **[ТС]**

KOPOJI теперь понятно что для чего) слизывать я не очень люблю, лучше брать со всех по-понемногу, вот недавно шарился по нету и приметил один сайтик, понравился функционал, реализация, а на другом интерфейс. Хочется заняться веб-программирование чисто для себя, реализовать свой проект и задумки, а они не без

красоты

, не без

опоры

нереализуемы. К тому же сложно найти у кого-то то, что удовлетворяло бы твоим потребностям. Если и начинать то, как я понял, легче всего с верстки и затем уже перебираться на программирование, так?

Новые блоги и статьи Все статьи Все блоги /
Символьное дифференцирование igorrr37 13.02.2026 / * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .

@shpica 1 / 1 / 0 Регистрация: 29.11.2012 Сообщений: 15

	Как начать обучение? 01.01.2013, 14:30. Показов 2921. Ответов 26 Метки нет (Все метки) Есть топик о литературе для изучения веб-программирования, но в тоже время прочитал, что начинают изучение со структур и алгоритмов, и этого я не знал. Так вот, кто может по-пунктно разложить ход обучения веб-программированию (к примеру html-css-php)? И возможно ли начать с верстальщика и поэтапно переходить на более высокий уровень? Есть ли у вас на примете достойные книжки с примерами (а то глаза разбегаются от изобилия), понятные простому обывателю, заходя вперед уже подобрал себе Джилленуотер - Сила CSS3. Освой новейший стандарт веб-разработок. Очень прошу помочь) 0

@Antares-75 34 / 34 / 5 Регистрация: 16.11.2012 Сообщений: 138
	01.01.2013, 14:42
	IMXO, надо начинать с понимания структуры html страницы: понять, что такое теги и как они используются. Потом постепенно переходить к CSS - изменять стили как непосредственно для каждого элемента отдельно, так и при помощи подключения стилей. Отсюда вытечет уже другой способ верстки сайта - блочный (DIV-ами). Понять позиционирование. Затем не мешало бы освоить немного JavaScript - этап перехода к языкам программирования для web. Ну а потом уже осваивать PHP или что-то другое, чтобы корректно писать серверные приложения. 0

@Delog I ♥ C# 470 / 262 / 25 Регистрация: 07.05.2010 Сообщений: 567
	01.01.2013, 15:34
	Безусловно начинать надо с html и css. Поскольку вы только начинаете, то я рекоммендую сразу начать с html5, к тому времени как вы начнете делать серьезные проекты, его уже как раз примут как стандарт. Кстати, рекомендую изучать именно по приведенной ссылке. Открываете исходный код любой веб-страницы, видите непонятный тег, читаете в спецификации, что он делает и как его правильно использовать. Я изучал именно так. Далее, по желанию, можно изучить javascript, хотя, в принципе, можно отложить до лучших времен. Ну и наконец, серверный язык программирования. Я не рекоммендую изучать php. Из множества языков, которые я знаю - это самый шудший. Я сделал несколько проектов на нем, так что знаю о чем говорю. Если бы я раньше знал, то выбрал бы ASP.NET Ну и, конечно, никуда не деться от баз данных с их языком запросов. Уф... Сколько всего уже получилось. Давайте резюмируем: 1. html5 2. css3 3. javascript 4. ASP.NET 5. SQL 0

@shpica 1 / 1 / 0 Регистрация: 29.11.2012 Сообщений: 15
	01.01.2013, 17:02 [ТС]
	Antares-75, Delog большое спасибо за проявленный интерес, теперь я понял с чего нужно начинать. Вот еще кое-что: можете порекомендовать литературу, которая подойдет для начинающего, т.к. иногда читаю комментарии к тем или иным изданиям и люди пишут, что в книге не рассматривается то или иное, что по сути должно быть, пишут про несостоятельность авторов, что некоторые тупо плагиатят код, да еще к тому же и криво, что автор не может структурировать предоставляемый материал, в общем много чего. И хотелось бы отделить зерна от плевел, выбрать наиболее понятную литературу, на которой выучились многие. Видел в рекомендациях этот и этот сайты. Поделитесь своим пожалуйста своим опытом обучения веб-программирования, спасибо. 0

@shpica 1 / 1 / 0 Регистрация: 29.11.2012 Сообщений: 15
	01.01.2013, 20:32 [ТС]
	auftech, спасибо, учту ваши рекомендации. Но все же какова последовательность изучения веб-программирования: 1. html5 2. css3 ?. javascript ?. PHP ?. SQL 0

@auftech 7 / 7 / 0 Регистрация: 22.04.2012 Сообщений: 74
	01.01.2013, 20:36
	большинство начинает так )) прекрассный план 0

@Antares-75 34 / 34 / 5 Регистрация: 16.11.2012 Сообщений: 138
	01.01.2013, 21:47
	Я никакие книги не читал. Просто стал сам постепенно что-то делать. Сначала простенькие странички с текстом, потом таблицы, цвета и так далее. Вначале все было очень примитивно и некрасиво. Потом требования к своим же страничкам начинаешь ужесточать - сравниваешь с сайтами и пытаешься сделать получше и интереснее. Так постепенно осваиваешь все теги, начинаешь многое понимать, добираешься до CSS и Javascript. Это вообще, минимум, что нужно знать. Да, я совсем забыл про SQL. Если изучать серверные технологии, то без него сейчас никак. Все теперь делается через базы данных - контент хранится там, а вытаскиваешь нужную информацию и выдаешь ее пользователю с помощью PHP или ASP. HTML5 и CSS3 это еще очень спорно. Существует, к сожалению, несовместимость браузеров. Так что для начала хотя-бы HTML и CSS простые, а перейти к более современным вариантам будет потом легко. 0

@shpica 1 / 1 / 0 Регистрация: 29.11.2012 Сообщений: 15
	01.01.2013, 22:02 [ТС]
	значит сей план обучения применим? 1. html (потом 5) 2. css (потом 3) 3. javascript 4. PHP 5. SQL 0

@Antares-75 34 / 34 / 5 Регистрация: 16.11.2012 Сообщений: 138
	02.01.2013, 00:21
	Только не зацикливайся именно на этих пунктах. Все равно сразу все не выучишь, будешь возвращаться туда-сюда. Удачи! 0

@shpica 1 / 1 / 0 Регистрация: 29.11.2012 Сообщений: 15
	02.01.2013, 00:40 [ТС]
	ок, всем спасибо за советы, если появятся какие-то примечания в плане обучения прошу запостить) 0

@t1m0n 638 / 416 / 27 Регистрация: 03.11.2009 Сообщений: 1,855
	02.01.2013, 15:10
	думаю вам лучше поискать какой нибудь шаблон в psd и попробовать его сверстать потом попробовать сверстанный шаблон поставить на какую нибудь цмс 0

@Taatshi Почетный модератор 12274 / 5340 / 268 Регистрация: 05.04.2011 Сообщений: 14,086 Записей в блоге: 2
	02.01.2013, 15:21
	shpica, я бы другой план предложила. Для начала определитесь кем Вы хотите быть - верстальщиком, кодером на php, кодером на javascript, может быть, дизайнером.... И начинайте изучать именно ту область, в которой хотите стать профи. А все остальное догонять по мере востребованности. Как понадобится - так и подучивать. У Вас жизни не хватит изучить все в полной мере. Учите то, что нужно. 0

@Vynder 19 / 19 / 5 Регистрация: 30.03.2011 Сообщений: 97
	02.01.2013, 15:39
	я сначала учил html, потом php. а когда понял что без css никуда то вернулся к нему)) 0