Все курсы и уроки по HTML, CSS и JavaScript на этой странице

а так же по С++, PHP, Python, Jquery и Bootstrap

40

курсов

187

уроков по HTML и CSS

44

урока по JavaScript

22

дополнительных урока

0

пусто

0

пусто

0

пусто

34

платные практики

HTML и CSS

JavaScript

C++

Python

PHP, jQuery и Bootstrap

Git

Курсы по HTML и CSS

Убрать курсы и вывести все уроки

с этих языков начинает любой веб-разработчик

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

Курс 1. Знакомство с HTML

1.0.1 - Вводный урок по курсу HTML и CSS

1.1.1 - Что такое HTML?

1.1.2 - Первое знакомство с HTML

1.2.1 - Теги в HTML. Одинарные и парные теги

1.2.2 - Что такое теги и для чего они нужны?

1.2.3 - Одинарные теги

1.2.4 - Парные теги

1.3.1 - Структура HTML документа

1.3.2 - Что означают теги HTML, HEAD, BODY?

1.3.3 - Первая строка всех сайтов - DOCTYPE

1.3.4 - Исходный код веб-страницы

1.3.5 - Заголовок в HTML - тег TITLE

1.3.6 - Кодировка HTML страницы и атрибуты

1.3.7 - Описание стилей в HTML документе

1.3.8 - Подключение внешних файлов в HTML - стили CSS

1.3.9 - Практика: что не хватает в структуре

1.3.10 - Практика: опять чего-то не хватает в структуре

1.4.1 - Использование HTML метатегов (Мета теги)

1.4.2 - Практика: повторим метатеги

1.4.3 - Практика: метатеги Facebook

Курс 2. Разметка текста

2.1.1 - Заголовки и подзаголовки в HTML

2.1.2 - Практика: заголовки и подзаголовки в HTML (практика 1)

2.2.1 - Что такое абзац в HTML (тег P)?

2.3.1 - Перенос строки и разделительная линия в HTML

2.3.2 - Практика: Перенос строки в HTML

2.4.1 - Нумерованный список в HTML

2.5.2 - Что такое маркированный список в HTML

2.6.2 - Акцентирование (выделение) текста в HTML

2.6.3 - Практика: жирно-курсиво-перечеркнутый

2.7.2 - Цитаты в HTML

2.8.2 - Верхний и нижний индекс в HTML

2.9.2 - Универсальные атрибуты в HTML

Курс 3. Ссылки

3.1.1 - Что такое ссылки в HTML

3.2.1 - Якоря в HTML

3.3.1 - Атрибуты для ссылок

Курс 4. Изображения

4.1.1 - Что такое изображение в HTML

4.2.1 - Выравнивание изображений при помощи HTML

4.3.1 - Ширина, высота, рамка у изображений в HTML

4.3.2 - Практика: рамка у изображений

4.4.1 - Альтернативный текст в HTML

Курс 5. Таблицы

5.1.1 - Что такое таблица в HTML

5.2.1 - Тег TR в HTML таблицах

5.3.1 - Тег TD в HTML таблицах

5.3.2 - Практика 1: colspan и rowspan

5.3.3 - Практика 2: colspan и rowspan

5.4.1 - Рамки для таблиц, строк и ячеек в HTML

5.5.1 - Cтруктурирование HTML таблиц

5.6.1 - Заголовок (CAPTION) HTML таблиц

5.7.1 - Отступы между ячейками в HTML таблицах

5.8.1 - Работаем с цветами в HTML таблице

5.8.2 - Цветные строки в HTML таблице

5.9.1 - Практика 1: поиск ошибок в таблицах

Курс 6. Формы

6.1.1 - Что такое формы в HTML

6.2.1 - Как создать форму в HTML и ее атрибуты

6.3.1 - Кнопки в HTML - тег BUTTON

6.4.1 - Универсальный тег в HTML форме - тег INPUT

6.5.1 - Многострочное поле для текста – TEXTAREA

6.6.1 - Метки в HTML формах - LABEL

6.7.1 - Раскрывающийся список на HTML - тег SELECT

6.8.1 - Для чего нужен тег KEYGEN

6.9.1 - Группировка элементов в HTML формах

6.10.1 - Группировка элементов списка в HTML

Курс 7. HTML5

7.1.1 - Знакомство с HTML5

7.2.1 - Структурирование страницы при помощи HTML5

7.3.1 - Еще отличия HTML5 от HTML4

7.4.1 - Немного о CANVAS

7.5.1 - Звук в HTML5, элемент AUDIO

7.6.1 - Видео в HTML5, элемент VIDEO

Курс 8. Остальное

8.1.1 - Блочный элемент DIV в HTML

8.2.1 - Строчной элемент SPAN в HTML

8.3.1 - Плавающий фрейм IFRAME в HTML

8.4.1 - Форматирование кода тегами PRE и CODE

Курс 9. Знакомство с CSS

9.1.1 - Что такое CSS?

9.2.1 - Селекторы и свойства в CSS

Курс 10. Селекторы в CSS

10.1.1 - Основные правила и знакомство с селекторами

10.2.1 - Группировка селекторов в CSS

10.3.1 - Селекторы классов и идентификаторов

10.4.1 - Несколько классов

10.5.1 - Селекторы идентификаторов (id селекторы)

10.6.1 - Селекторы атрибутов: простой выбор

10.7.1 - Селекторы атрибутов: по конкретному значению

10.8.1 - Селекторы атрибутов: по частичному значению

10.9.1 - Селекторы атрибутов: по конкретному атрибуту

10.10.1 - Структура документа: родитель-потомок в CSS

10.11.1 - Структура документа: дочерние элементы в CSS

10.12.1 - Структура документа: сестринские элементы в CSS

10.13.1 - Псевдоклассы: ссылки

10.14.1 - Псевдоклассы: первый дочерний элемент

10.15.1 - Псевдоэлементы: первая буква и строка

Курс 11. Структура и каскад

11.1.1 - Специфичность в CSS

11.2.1 - Наследование в CSS

11.3.1 - Каскад в CSS

Курс 12. Единицы измерения

12.1.1 - Числа и процентные значения в CSS

12.2.1 - Именованные цвета в CSS

12.3.1 - Цветовая модель RGB в CSS

12.4.1 - Единицы измерения длины в CSS

12.5.1 - URL в CSS

Курс 13. Шрифт

13.1.1 - Семейство шрифтов в CSS

13.2.1 - Насыщенность шрифта в CSS

13.3.1 - Размер шрифта в CSS

13.4.1 - Стиль шрифта в CSS

13.5.1 - Свойство font в CSS

13.6.1 - Как подключить сторонний шрифт в CSS

Курс 14. Свойства текста

14.1.1 - Как сделать отступ или красную строку в CSS

14.1.2 - Практика: красная строка - первый раз

14.1.3 - Практика: красная строка - самостоятельно

14.1.4 - Практика: красная строка - где ошибка?

14.1.5 - Практика: красная строка - где еще ошибка?

14.2.2 - Практика: горизонтальное выравнивание - первый раз

14.2.3 - Практика: горизонтальное выравнивание - где ошибка?

14.3.2 - Практика: межстрочный интервал (интерлиньяж) - первый раз

14.3.3 - Практика: межстрочный интервал (интерлиньяж) - самостоятельно

14.3.4 - Практика: межстрочный интервал (интерлиньяж) - где ошибка?

14.4.2 - Практика: расстояние между словами (word-spacing) - первый раз

14.4.3 - Практика: расстояние между словами (word-spacing) - самостоятельно

14.4.4 - Практика: расстояние между словами (word-spacing) - где ошибка?

14.5.2 - Практика: расстояние между буквами (letter-spacing) - первый раз

14.5.3 - Практика: расстояние между буквами (letter-spacing) - самостоятельно

14.5.4 - Практика: расстояние между буквами (letter-spacing) - где ошибка?

14.6.2 - Практика: изменение регистра (text-transform) - первый раз

14.6.3 - Практика: изменение регистра (text-transform) - самостоятельно

14.6.4 - Практика: изменение регистра (text-transform) - где ошибка?

14.7.2 - Практика: убираем подчеркивание у ссылок (text-decoration)

14.7.3 - Практика: добавляем подчеркивание текста (text-decoration)

Курс 15. Форматирование

15.1.1 - Свойства форматирования all, clear и clip

15.2.1 - Свойство display

Курс 16. Отступы, рамки, поля

16.1.1 - Свойство margin для установки отступов

16.2.1 - Свойство padding для установки полей

16.3.1 - Свойство border для создания границ

16.4.1 - Свойство outline для создания внешних границ

Курс 17. Цвета и фон

17.1.1 - Свойство background для работы с фоном

17.2.1 - Свойство color для работы с цветом

17.3.1 - Добавляем градиент к фону элемента

Курс 18. Позиционирование

18.1.1 - Позиционирование элементов свойством position

18.2.1 - Изменяем свойствами left, top, right и bottom положение элемента

18.3.1 - Свойство z-index для определения уровня элемента

Курс 19. Верстка таблиц

19.1.1 - Общая информация и форматирование таблиц

Курс 20. Списки

20.1.1 - Типы списков в CSS

20.2.1 - Маркер списка в виде изображения

20.3.1 - Как изменить положение маркера списка

20.4.1 - Краткое свойство для изменения стиля списка

Курс 21. Анимация

21.1.1 - Как сделать плавный переход в CSS

21.2.1 - Трансформирование элементов при помощи CSS

Курс 22. Практика с htmlbook.ru

22.2.1 - Андроид в кружке

22.3.1 - Вложенные списки

22.4.1 - Выворотка

22.5.1 - Заголовки

22.6.1 - Многочлен степени n

22.7.1 - Объединение ячеек

22.8.1 - Отступы между блоков

22.9.1 - Поле для ввода чисел

22.10.1 - Поле для поиска

22.11.1 - Работа с абзацами

22.12.1 - Разноцветные ссылки

22.13.1 - Рисованная рамка

22.14.1 - Создание веб-страницы

22.15.1 - Создание ссылок

22.16.1 - Создание таблицы

22.17.1 - Стиль для печати

22.18.1 - Стихотворение

22.19.1 - Флаг Японии

22.20.1 - Цвет и фон в таблице

22.21.1 - Цвет фона и текста документа

22.22.1 - Чередующиеся квадраты

22.23.1 - Ширина таблицы

22.24.1 - Батарейка

22.25.1 - Вырезанные уголки

22.26.1 - Гламурная кнопка

22.27.1 - Градиентные кнопки в Safari

22.28.1 - Граница вокруг формы

22.29.1 - Двойная рамка

22.30.1 - Значки для листания фотографий

22.31.1 - Индикатор прогресса

22.32.1 - Квадратный корень

22.33.1 - Квадраты

22.34.1 - Круговая диаграмма

22.35.1 - Наложение слоев

22.36.1 - Нумерация

22.37.1 - Нумерация страниц

22.38.1 - Обязательные поля формы

22.39.1 - Отступ под изображением

22.40.1 - Поле для игры в гомоку

22.41.1 - Последняя линия справа

22.42.1 - Прогноз погоды

22.43.1 - Рамка с поворотом

Курс 23. Элементы сайта

23.1.1 - Кнопка на сайте codebra

Курс 1. Знакомство с HTML

Знакомство с основами языка HTML. Что такое парные и одинарные теги, структура HTML страницы, кодировка и мета-теги.

15 уроков

5 практик

Курс 2. Разметка текста

Текст: жирный или курсивный, верхний или нижний индекс, заголовки или абзацы. Различные списки и универсальные атрибуты.

4 практики

Курс 3. Ссылки

Как сделать ссылку с одного документа на другой, открыть ссылку в новом окне или в новой вкладке, а так же урок о якорях.

0 практик

Последние статьи блога

06 июня
2021 г. #8. Обновление от 6 июня 2021 г. на Codebra
23 декабря
2020 г. #7. Обновление от 23 декабря 2020 г. на Codebra
11 октября
2020 г. #6. Курс по Python на Codebra
20 августа
2020 г. #5. История сайта Codebra в картинках. Часть 2
19 августа
2020 г. #4. История сайта Codebra в картинках. Часть 1

Обсуждение уроков

Не оставайся в стороне!
Ответь, если знаешь как помочь.

Курс 4. Изображения

Что такое изображение, как добавить изображение на страницу. Меняем ширину, высоту и рамку у изображения. И что такое alt.

1 практика

Курс 5. Таблицы

Что такое таблица, строка и ячейка. Как добавить заголовок и структурировать таблицу на HTML. Отступы между ячейками.

3 практики

Курс 6. Формы

Вы узнаете, что такое формы и научитесь ими пользоваться. Узнаете, что такое кнопки, поля, чекбоксы и...

10 уроков

0 практик

Курс 7. HTML5

Новые технологии, новые возможности. Знакомимся с HTML5, новыми тегами и применением.

0 практик

Курс 8. Остальное

Все, что не вошло в основные курсы HTML, находится здесь. Фреймы, блочные и строчные элементы и многое другое.

0 практик

Курс 9. Знакомство с CSS

Первый курс по CSS. Знакомство с основами языка CSS. Знакомимся с цветами, размерами и классами. Свойства.

0 практик

Курс 10. Селекторы в CSS

Селектор – основа CSS. Селектор – основное преимущество языка CSS. Селекторы уберут всю рутинную работу.

15 уроков

0 практик

Курс 11. Структура и каскад

В этом курсе говорится о том, что такое специфичность, наследование и каскад в CSS.

0 практик

Курс 12. Единицы измерения

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

0 практик

Курс 13. Шрифт

Какие бывают шрифты в CSS и как ими пользоваться. Все о шрифтах в этом курсе.

0 практик

Курс 14. Свойства текста

Текст – важная часть сайта, поэтому и стилей для текста большое количество.

20 практик

Курс 15. Форматирование

Учимся задавать положение одних элементов, относительно других.

0 практик

Курс 16. Отступы, рамки, поля

Учимся указывать отступы и поля вокруг элемента и создавать рамки.

0 практик

Курс 17. Цвета и фон

Как работать с фоном элементов и цветами в CSS.

0 практик

Курс 18. Позиционирование

Будем изучать как позиционировать элементы относительно окна браузера.

0 практик

Курс 19. Верстка таблиц

Уроки не о применении таблиц для верстки, а о том, как форматировать таблицы в CSS.

0 практик

Курс 20. Списки

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

0 практик

Курс 21. Анимация

Изучим переходы, трансформацию и анимацию, появившуюся в CSS3.

0 практик

Курс 22. Практика с htmlbook.ru

Эта практика взята с сайта htmlbook.ru. Вам нужно сделать максимально похоже, как в окне 'Пример Codebra'.

0 практик

Курс 23. Элементы сайта

Учимся верстать отдельные элементы сайта. Кнопки, формы, выпадающие списки и многое другое.

1 практика

Курсы по JavaScript

Убрать курсы и вывести все уроки

поднимайся на новый уровень

Курс 1. Знакомство с JavaScript

1.1.1 - Первое знакомство с JavaScript

1.2.1 - Продолжаем знакомится с JavaScript

1.3.1 - Вывод нескольких сообщений

1.4.1 - Структура кода на JavaScript

1.5.1 - Переменные в JavaScript

1.6.1 - Константы в JavaScript

1.7.1 - Этика использования переменных в JavaScript

1.8.1 - Лексика языка JavaScript

1.9.1 - Создание понятного кода на JavaScript

Курс 2. Типы и переменные

2.1.1 - Типы данных и значения в JavaScript

2.2.1 - Числа в JavaScript

2.3.1 - Метод вывода: document.write в JavaScript

2.4.1 - Арифметические операции в JavaScript

2.5.1 - Текст: строковые литералы в JavaScript

2.6.1 - Управляющие последовательности в JavaScript

2.7.1 - Работа со строками в JavaScript

2.8.1 - Преобразование типов в JavaScript

2.9.1 - Методы обработки чисел в JavaScript

Курс 3. Выражения и операторы

3.1.1 - Что такое выражения и операторы в JavaScript

3.2.1 - Операторы JavaScript

3.3.1 - Приоритет операторов в JavaScript

3.4.1 - Арифметические выражения в JavaScript

3.5.1 - Унарные арифметические операторы в JavaScript

3.6.1 - Выражения отношений в JavaScript

3.7.1 - Логические выражения в JavaScript

3.8.1 - Выражения присваивания в JavaScript

3.9.1 - Остальные операторы в JavaScript

Курс 4. Инструкции

4.1.1 - Что такое инструкции в JavaScript

4.2.1 - Условные инструкции: инструкция if

4.3.1 - Условные инструкции: инструкция else if

4.4.1 - Условные инструкции: инструкция switch

4.5.1 - Циклы: инструкция while в JavaScript

4.6.1 - Циклы: инструкция do/while в JavaScript

4.7.1 - Циклы: инструкция for в JavaScript

4.8.1 - Циклы: инструкция for/in в JavaScript

4.9.1 - Переходы: метки инструкций в JavaScript

4.10.1 - Переходы: инструкция break в JavaScript

4.11.1 - Переходы: инструкция continue в JavaScript

4.12.1 - Переходы: инструкция return в JavaScript

4.13.1 - Директива use strict в JavaScript

Курс 5. Объекты

5.1.1 - Объекты в JavaScript

5.2.1 - Получение и изменение свойств объекта

5.3.1 - Работа со свойствами объекта

5.4.1 - Методы универсального класса Object

Курс 6. Массивы

Курс 7. Функции

Курс 8. Классы и модули

Курс 1. Знакомство с JavaScript

Познакомитесь с языком JavaScript. Познакомитесь с базовыми понятиями языка и выполните пару простых практик.

0 практик

Курс 2. Типы и переменные

Важный курс, посвященный базе JavaScript - типам данных и переменным.

0 практик

Курс 3. Выражения и операторы

Из курса узнаете, какие выражения существуют в JavaScript и как с ними работать.

0 практик

Курс 4. Инструкции

Что такое инструкции, и какие бывают в JavaScript. Уроки по if, switch, while, do/while, for, for/in, break, continue, return и о директиве use strict.

13 уроков

0 практик

Курс 5. Объекты

Объект – это фундамент JavaScript. Объект состоит из неограниченного, неупорядоченного количества свойств, которые имеют свое имя и значение.

0 практик

Курс 6 в разработке
«Массивы»

Курс 7 в разработке
«Функции»

Курс 8 в разработке
«Классы и модули»

Курсы по C++

Убрать курсы и вывести все уроки

самые азы

Курс 1. Знакомство с C++

1.1.1 - Первое знакомство с С++

1.2.1 - Первая программа на языке С++

Курс 2. Типы данных в C++

Курс 3. Инструкции в C++

Курс 4. Массивы и строки

Курс 1. Знакомство с C++

Познакомитесь с языком С++ и его базовыми понятиями, а так же выполните пару простых практик.

0 практик

Курс 2 в разработке
«Типы данных в C++»

Курс 3 в разработке
«Инструкции в C++»

Курс 4 в разработке
«Массивы и строки»

Курсы по Python

Убрать курсы и вывести все уроки

что нужно знать

Курс 1. Знакомство с Python

1.1.1 - Первое знакомство с Python

1.2.1 - Погружение в Python

1.3.1 - Зацикливаевам наш код. Простой цикл в Python

1.4.1 - Генерируем случайные числа на Python

1.5.1 - Знакомимся с упорядоченными данными

1.6.1 - Списки в Python

1.7.1 - Словари в Python

Курс 2. Управление потоком выполнения

Курс 3. Структуры данных

Курс 4. Функции и модули

Курс 1. Знакомство с Python

Основы языка Python. Краткое знакомство с синтаксисом.

0 практик

Курс 2 в разработке
«Управление потоком выполнения»

Курс 3 в разработке
«Структуры данных»

Курс 4 в разработке
«Функции и модули»

Дополнительные курсы

Убрать курсы и вывести все уроки

прошел курсы по HTML, CSS и JavaScript? Не останавливайся

PHP

1.1.1 - Первое знакомство с PHP

Python

2.1.1 - Знакомство с Python

jQuery

3.1.1 - Знакомство с jQuery

3.2.1 - Селекторы в jQuery

3.3.1 - Фильтры в jQuery

Bootstrap 3

4.1.1 - Знакомство с Bootstrap 3

Git

5.1.1 - Знакомство с Git

5.2.1 - Подготовка проекта к работе с Git

5.3.1 - Генерация SSH-ключа для работы с GitHub

5.4.1 - Основные команды в Git

5.5.1 - Применение Git на практике. Часть 1

5.6.1 - Применение Git на практике. Часть 2

5.7.1 - Заключение и полезные материалы по Git

Скриптовый язык общего назначения. PHP один из самых популярных и востребованных языков. Узнаете о базовых понятиях и функциях языка PHP.

0 практик

Python - это простой в освоении язык программирования. Вы можете использовать его для создания веб-приложений, игр, и даже поисковика!

0 практик

Учимся использовать самую популярную и функциональную JavaScript библиотеку для взаимодействия с HTML и CSS.

0 практик

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

0 практик

Научимся использовать распределённую систему управления версиями, которую разработал Линус Торвальдс.

0 практик

codebra в социальных сетях

наши страницы в соц. сетях, где мы публикуем новости