Заметки начинающего программиста 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.


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

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

Лучшие посты за сегодня
7523

Продолжение поста «История о том, как из-за одной модели пострадали 10 фотографов, агенство и журнал» 

Продолжение поста «История о том, как из-за одной модели пострадали 10 фотографов, агенство и журнал» Модели, Жизнь, Instagram, Негатив, Мат, Без рейтинга, Анастасия Берс, Ответ на пост, Длиннопост, Криминал, Избиение
Продолжение поста «История о том, как из-за одной модели пострадали 10 фотографов, агенство и журнал» Модели, Жизнь, Instagram, Негатив, Мат, Без рейтинга, Анастасия Берс, Ответ на пост, Длиннопост, Криминал, Избиение
Продолжение поста «История о том, как из-за одной модели пострадали 10 фотографов, агенство и журнал» Модели, Жизнь, Instagram, Негатив, Мат, Без рейтинга, Анастасия Берс, Ответ на пост, Длиннопост, Криминал, Избиение
Продолжение поста «История о том, как из-за одной модели пострадали 10 фотографов, агенство и журнал» Модели, Жизнь, Instagram, Негатив, Мат, Без рейтинга, Анастасия Берс, Ответ на пост, Длиннопост, Криминал, Избиение
Продолжение поста «История о том, как из-за одной модели пострадали 10 фотографов, агенство и журнал» Модели, Жизнь, Instagram, Негатив, Мат, Без рейтинга, Анастасия Берс, Ответ на пост, Длиннопост, Криминал, Избиение
Продолжение поста «История о том, как из-за одной модели пострадали 10 фотографов, агенство и журнал» Модели, Жизнь, Instagram, Негатив, Мат, Без рейтинга, Анастасия Берс, Ответ на пост, Длиннопост, Криминал, Избиение
Показать полностью 6
7080

Аминь

Аминь
6657

Реклама врёт

Реклама врёт
6024

Даёшь Пикабу правительство в массы!

Даёшь Пикабу правительство в массы!
5330

Ничего не исчезает

4960

Вся правда жизни в двух четверостишиях

Вся правда жизни в двух четверостишиях Комментарии на Пикабу, Скриншот, Мат, Дуализм, Общество
4432

Подарок от Киану Ривза

Подарок от Киану Ривза Киану Ривз, Актеры и актрисы, Знаменитости, Подарки, Часы, Ролекс, Джон Уик 4, Каскадер, Потрясающий, Картинка с текстом, Из сети
Показать полностью 1
4186

Праздничная открытка с Лео

Праздничная открытка с Лео Леонардо ди Каприо, Открытка, Гифка
Праздничная открытка с Лео Леонардо ди Каприо, Открытка, Гифка
4007

Она не вспомнит

3887

Один раз

Один раз Оружие, Юмор, Картинка с текстом, Грабители, Многостволка, Мушкет
Показать полностью 1
3503

Ой, все...

Ой, все... Петрович, Секс, Комментарии на Пикабу, Измена, Собака
3425

Думаете мошенник?

Думаете мошенник? Мошенничество, Взлом вк, Длиннопост
Показать полностью 1
3206

Перевод с думского

Перевод с думского Комментарии, Комментарии на Пикабу, Скриншот, Политика
Показать полностью 1
2849

Воспоминания

Воспоминания Юмор, Скриншот, Twitter, Пандемия, Коронавирус
Показать полностью 1
2841

Когда девушка пришла в гости к холостяку!НЕОЖИДАННО!!!!!

Когда девушка пришла в гости к холостяку!НЕОЖИДАННО!!!!! Юмор, Неожиданно, Отношения, Холостяк, Длиннопост
Когда девушка пришла в гости к холостяку!НЕОЖИДАННО!!!!! Юмор, Неожиданно, Отношения, Холостяк, Длиннопост
Когда девушка пришла в гости к холостяку!НЕОЖИДАННО!!!!! Юмор, Неожиданно, Отношения, Холостяк, Длиннопост
Показать полностью 3
2800

Теперь понятно

Теперь понятно
2799

Как совершать не мужские поступки

2778

Всё просто

Всё просто Картинка с текстом, Машина, Комментарии, Комментарии на Пикабу, Скриншот
2755

Депрессивное...

Депрессивное... Картинка с текстом, Вид из окна, Грустный юмор, Повтор
Депрессивное... Картинка с текстом, Вид из окна, Грустный юмор, Повтор
Показать полностью 2
2682

Че снимаешь !?

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