-12

Заметки начинающего программиста V1.0. Составляем план. Front-end.

Итак, второй пост из серии становления из нормального человека в кодера.


Не претендую на правильность. Наоборот, жду конструктивной критики, советов и т.д.


Чтобы исключить недопонимание: "Нет, веб клацанье это не конечная точка развития. Если вы так же хотите попробовать себя в программировании, попробуйте всё понемногу. Если вас затягивает верстка под Android, занимайтесь именно ей. Не смотрите на то, что разработчикам алгоритмов поиска платят больше на 50$, оно того не стоит "


«Займись тем, что тебе нравится, и ты не будешь работать ни дня в своей жизни»
Джейсон Стэтхэм
Заметки начинающего программиста V1.0. Составляем план. Front-end. Программирование, Обучение, Веб-Разработка, Длиннопост

АХТУНГ!!!А ШО СОБСНА ДЕЛАТЬ ?


(Русскоязычная версия всех сопровождающих материалов и отдельный разбор каждого из языков будут залиты отдельными постами. После непосредственного ознакомления мною с оными ;D )


1)Для начала, нужно изучить основы языка HTML.


HTML (от англ. HyperText Markup Language — «язык гипертекстовой разметки») — стандартизированный язык разметки документов во Всемирной паутине. Большинство веб-страниц содержат описание разметки на языке HTML (или XHTML). Язык HTML интерпретируется браузерами; полученный в результате интерпретации форматированный текст отображается на экране монитора компьютера или мобильного устройства.

Заметки начинающего программиста V1.0. Составляем план. Front-end. Программирование, Обучение, Веб-Разработка, Длиннопост

Если кратко, то ХэТэМэЛэ HTML контролирует содержимое и разметку того, что вы видите в своем браузере. Зная его, уже можно сделать блокнотовидный сайт-визитку. (Первое время не понимать что происходит- норма. Расслабься и получай удовольствие.)


Основные темы для изучения:


Начало;


Теги, атрибуты, элементы;


Заголовки страниц;


Параграфы;


Заголовки;


Списки;


Ссылки;


Изображения;


Таблицы;


Формы;


Собираем всё вместе.


2)Следующей ступенью эволюции является изучение основ языка CSS.


CSS ( англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки.
Заметки начинающего программиста V1.0. Составляем план. Front-end. Программирование, Обучение, Веб-Разработка, Длиннопост

Теперь на русском. Это язык(css), который отвечает за визуальное представление документов пользователю. Под документом мы подразумеваем набор информации, который написан и размечен HTML`ем. А представление документа пользователю, в свою очередь, означает его преобразование в удобную для восприятия форму.



Основные темы для изучения: (план взят еще с одного самоучителя)


Введение в CSS;


Преимущества стилей;


Способы добавления стилей на страницу;


Типы носителей;


Базовый синтаксис CSS;


Значения стилевых свойств;


Селекторы тегов;


Классы;


Идентификаторы;


Контекстные селекторы;


Соседние селекторы;


Дочерние селекторы;


Селекторы атрибутов;


Универсальный селектор;


Псевдоклассы;


Псевдоэлементы;


Группирование;


Наследование;


Каскадирование;


Валидация CSS;


Идентификаторы и классы;


Написание эффективного кода;



3)Последний шаг из обозримого будущего, изучение JavaScript


JavaScript — мультипарадигменный язык программирования. Поддерживает объектно-ориентированный, императивный и функциональный стили.
Заметки начинающего программиста V1.0. Составляем план. Front-end. Программирование, Обучение, Веб-Разработка, Длиннопост

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


Основные темы для изучения:


Заставляем вещи работать;


Переменные и данные;


Математические расчёты;


Логика;


Условия;


Циклы;


Функции;


Объекты;


Массивы;


DOM;


События и обратные вызовы;


AJAX;


JSON;


Область видимости.

Заметки начинающего программиста V1.0. Составляем план. Front-end. Программирование, Обучение, Веб-Разработка, Длиннопост

План боя готов, обучение уже началось. Для тех, кто не знаком с предысторией, и не знает  мотивов сих жалких трепыханий, рекомендую ознакомиться. Вводная часть закончилась, дальше пойдет клацанье в больших объемах.


С надеждой на фидбэк, Frapple_us.


Написано, опираясь на статью, найденную на затворках интернетика.

Найдены дубликаты

раскрыть ветку 1
-1

Спасибо, приму к сведению)

+1
Очень полезная информация , благодаря вашему посту у меня сломался мозг и появилось желание теперь смотреть новости только по тегам.
0
Иллюстрация к комментарию
0

А я с js начал.

-1

Не тот сайт ты выбрал, чувак. Не тот сайт. И да, никогда не предлагай людям изучать JQuery. Он устарел

раскрыть ветку 1
0

Че там изучать то

Похожие посты
Возможно, вас заинтересуют другие посты по тегам: