Всем привет! Меня зовут Лиза @elis_kry и я создала этот канал в помощь веб разработчикам.

Здесь ты найдёшь ссылки на бесплатные уроки для начинающих.

Советы по трудоустройству.

Новинки и лучшие практики для фронтенд разработчиков.

Добро пожаловать!

✅ Бесплатные уроки HTML/CSS/JS для начинающих фронтенд разработчиков.


## Курсы от HTML Academy:

«Основы HTML и CSS» https://htmlacademy.ru/courses/297/run/1

«Основы JS» https://htmlacademy.ru/courses/343/run/1


## Курсы от Хакслет:

«Введение в веб-разработку» https://ru.hexlet.io/courses/intro_to_web_development

«Основы современной верстки» https://ru.hexlet.io/courses/layout-designer-basics

«Основы HTML, CSS и веб-дизайна» https://ru.hexlet.io/courses/html

«Введение в программирование» https://ru.hexlet.io/courses/introduction_to_programming

«Основы программирования» https://ru.hexlet.io/courses/programming-basics


## Видео уроки от Loftschool:

https://loftschool.com/modules
В фильтре выберите опции: бесплатно, frontend и новичок.

​✅ Git для новичков.

## Терминология Git - https://htmlacademy.ru/blog/boost/tools/git-and-github-glossary

## Как создать профиль на GitHub и клонировать свой первый репозиторий - https://htmlacademy.ru/blog/boost/tools/register-on-github-work-with-console

Если ваш редактор поддерживает работу с консолью, откройте в нем терминал и вы сразу попадёте в папку проекта. Попробуйте клонировать туда любой репозиторий с GitHub.

В статье выше описан способ клонирования по SSH. Но вы можете также клонировать репозитории по HTTP, просто скопировав его адрес из GitHub без дополнительных настроек. В этом случае вам придётся вводить пароль от своего пользователя при каждом клонировании.

Если у вас остались вопросы пишите в комменты👇

✅ Git в деле.

## Зачем нужен Git и как с ним работать в одиночку и в команде - https://htmlacademy.ru/blog/boost/tools/version-control-system

## Подробная инструкция по работе с удаленным репозиторием - https://htmlacademy.ru/blog/boost/tools/git-console

## Основные команды для работы с Git из консоли - https://htmlacademy.ru/blog/boost/tools/useful-commands-for-working-with-git

Я люблю работать в консоли, но если вам это кажется сложным можете установить программу для работы с Git - https://git-scm.com/downloads/guis/

Отличный лонгрид о том как выбрать курсы программирования😉 https://www.google.com/amp/s/vc.ru/amp/89485

Проверенные ресурсы для поиска решений:

https://developer.mozilla.org/

https://learn.javanoscript.ru

http://htmlbook.ru

Онлайн редакторы кода:

https://codepen.io

https://jsfiddle.net

http://plnkr.co

Туториал по созданию и сохранению файлов на JavaScript https://medium.com/@elikriaz/%D0%BA%D0%B0%D0%BA-%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D1%82%D1%8C-%D0%B8-%D1%81%D0%BE%D1%85%D1%80%D0%B0%D0%BD%D0%B8%D1%82%D1%8C-%D1%84%D0%B0%D0%B9%D0%BB-%D0%BD%D0%B0-javanoscript-129bbbc1beb0

Всем привет! Есть идея добавить на канал чат для обсуждения вопросов, связанных с веб разработкой. Если актуально нажмите на кнопку + под этим сообщением👇

Прикрепила к каналу чат, в котором можно будет обсудить новые посты и любые вопросы по веб-разработке. Чтоб попасть в чат тык тык на кнопку Discuss👇

Привет ребята! Нас собралось уже больше 100 человек и пришло время наполнить этот канал смыслом😀

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

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

Первый блок теории будет посвящен верстке, языку гипертекстовой разметки HTML и каскадным таблицам стилей CSS.

А его логичным завершением будет челлендж по верстке. Предварительная дата челленджа - конец августа.

Ну что, погнали?)

Отличные материалы для изучения HTML есть на сайте MDN.

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

Изучение темы займет 30-60 минут и будет полезно даже тем, кто уже имеет небольшой опыт в веб-разработке.

Первая статья Начало работы с HTML


Отличные материалы для изучения HTML есть на сайте MDN. #фронтенд_html_урок1

Вопросы можно задать в чате канала https://news.1rj.ru/str/webinsidepro_chat

Пройти тест по статье #фронтенд_html_урок1 можно здесь http://webinsidepro.tilda.ws/

Напишите пожалуйста в обсуждении или в личку как вам такой формат?

В уроке #фронтенд_html_урок1 мы изучили базу HTML.

Сегодня предлагаю узнать о тегах подробнее.

Одиночные и парные теги пишутся с атрибутами и без.

Нужно знать типы атрибутов, чтобы правильно задавать им значения. Например для атрибутов, которые обозначают размер задают значения в px или %, иначе будет ошибка.

Ознакомьтесь с правилами применения тегов и атрибутов прежде чем писать разметку.

Теги также делятся по типам.

Рассмотрим подробнее теги верхнего уровня и теги заголовка документа.

Обязательный блок верхнего уровня <head></head> содержит метаданные документа, которые не видят пользователи. Они нужны, чтобы браузер правильно отображал страницы.

Подробная статья о том, что можно и нужно писать в блоке <head></head>.
#фронтенд_html_урок2