Вы превысили запрос на
0 знаков
0 знаков
Владельцы Ютуб каналов по темам связанным с HTML, CSS, JavaScript и Python, у меня к вам есть предложение по сотрудничеству. Жду ваш отклик support.codebra@yandex.ru
Все курсы и уроки по HTML, CSS и JavaScript на этой странице
а так же по С++, PHP, Python, Jquery и Bootstrap
39
курсов187
уроков по HTML и CSS44
урока по JavaScript15
дополнительных уроков0
пусто0
пусто0
пусто34
платные практикиHTML и CSS
JavaScript
C++
Python
PHP, jQuery и Bootstrap
Курсы по 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.1.1 - TEX
☓
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. Разметка текста
Текст: жирный или курсивный, верхний или нижний индекс, заголовки или абзацы. Различные списки и универсальные атрибуты.
8 уроков
и
4 практики
Курс 3. Ссылки
Как сделать ссылку с одного документа на другой, открыть ссылку в новом окне или в новой вкладке, а так же урок о якорях.
3 урока
и
0 практик
Последние статьи блога
- 23 декабря
2020 г. #7. Обновление от 23 декабря 2020 г. на Codebra - 11 октября
2020 г. #6. Курс по Python на Codebra - 20 августа
2020 г. #5. История сайта Codebra в картинках. Часть 2 - 19 августа
2020 г. #4. История сайта Codebra в картинках. Часть 1 - 16 августа
2020 г. #3. Обновление от 16 августа 2020 г. на Codebra
Курс 4. Изображения
Что такое изображение, как добавить изображение на страницу. Меняем ширину, высоту и рамку у изображения. И что такое alt.
4 урока
и
1 практика
Курс 5. Таблицы
Что такое таблица, строка и ячейка. Как добавить заголовок и структурировать таблицу на HTML. Отступы между ячейками.
9 уроков
и
3 практики
Курс 6. Формы
Вы узнаете, что такое формы и научитесь ими пользоваться. Узнаете, что такое кнопки, поля, чекбоксы и...
10 уроков
и
0 практик
Курс 7. HTML5
Новые технологии, новые возможности. Знакомимся с HTML5, новыми тегами и применением.
6 уроков
и
0 практик
Курс 8. Остальное
Все, что не вошло в основные курсы HTML, находится здесь. Фреймы, блочные и строчные элементы и многое другое.
4 урока
и
0 практик
Курс 9. Знакомство с CSS
Первый курс по CSS. Знакомство с основами языка CSS. Знакомимся с цветами, размерами и классами. Свойства.
2 урока
и
0 практик
Курс 10. Селекторы в CSS
Селектор – основа CSS. Селектор – основное преимущество языка CSS. Селекторы уберут всю рутинную работу.
15 уроков
и
0 практик
Курс 11. Структура и каскад
В этом курсе говорится о том, что такое специфичность, наследование и каскад в CSS.
3 урока
и
0 практик
Курс 12. Единицы измерения
Очень многое в CSS связано с единицами измерения, поэтому этот курс важен для тех, кто впервые знакомится с CSS.
5 уроков
и
0 практик
Курс 13. Шрифт
Какие бывают шрифты в CSS и как ими пользоваться. Все о шрифтах в этом курсе.
6 уроков
и
0 практик
Курс 14. Свойства текста
Текст – важная часть сайта, поэтому и стилей для текста большое количество.
1 урок
и
20 практик
Курс 15. Форматирование
Учимся задавать положение одних элементов, относительно других.
2 урока
и
0 практик
Курс 16. Отступы, рамки, поля
Учимся указывать отступы и поля вокруг элемента и создавать рамки.
4 урока
и
0 практик
Курс 17. Цвета и фон
Как работать с фоном элементов и цветами в CSS.
3 урока
и
0 практик
Курс 18. Позиционирование
Будем изучать как позиционировать элементы относительно окна браузера.
3 урока
и
0 практик
Курс 19. Верстка таблиц
Уроки не о применении таблиц для верстки, а о том, как форматировать таблицы в CSS.
1 урок
и
0 практик
Курс 20. Списки
Будем изучать основы оформления списков.
4 урока
и
0 практик
Курс 21. Анимация
Изучим переходы, трансформацию и анимацию, появившуюся в CSS3.
2 урока
и
0 практик
Курс 22. Практика с htmlbook.ru
Эта практика взята с сайта htmlbook.ru. Вам нужно сделать максимально похоже, как в окне 'Пример Codebra'.
43 урока
и
0 практик
Курс 23. Элементы сайта
Учимся верстать отдельные элементы сайта. Кнопки, формы, выпадающие списки и многое другое.
0 уроков
и
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. Познакомитесь с базовыми понятиями языка и выполните пару простых практик.
9 уроков
и
0 практик
Курс 2. Типы и переменные
Важный курс, посвященный базе JavaScript - типам данных и переменным.
9 уроков
и
0 практик
Курс 3. Выражения и операторы
Из курса узнаете, какие выражения существуют в JavaScript и как с ними работать.
9 уроков
и
0 практик
Курс 4. Инструкции
Что такое инструкции, и какие бывают в JavaScript. Уроки по if, switch, while, do/while, for, for/in, break, continue, return и о директиве use strict.
13 уроков
и
0 практик
Курс 5. Объекты
Объект – это фундамент JavaScript. Объект состоит из неограниченного, неупорядоченного количества свойств, которые имеют свое имя и значение.
4 урока
и
0 практик
Курс 6 в разработке
«Массивы»
«Массивы»
Курс 7 в разработке
«Функции»
«Функции»
Курс 8 в разработке
«Классы и модули»
«Классы и модули»
Курсы по C++
Убрать курсы и вывести все уроки
самые азы
Курс 1. Знакомство с C++
☓
1.1.1 - Первое знакомство с С++
☓
1.2.1 - Первая программа на языке С++
Курс 2. Типы данных в C++
Курс 3. Инструкции в C++
Курс 4. Массивы и строки
Курс 1. Знакомство с C++
Познакомитесь с языком С++ и его базовыми понятиями, а так же выполните пару простых практик.
2 урока
и
0 практик
Курс 2 в разработке
«Типы данных в C++»
«Типы данных в C++»
Курс 3 в разработке
«Инструкции в C++»
«Инструкции в 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. Краткое знакомство с синтаксисом.
7 уроков
и
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
PHP
Скриптовый язык общего назначения. PHP один из самых популярных и востребованных языков. Узнаете о базовых понятиях и функциях языка PHP.
1 урок
и
0 практик
Python
Python - это простой в освоении язык программирования. Вы можете использовать его для создания веб-приложений, игр, и даже поисковика!
1 урок
и
0 практик
jQuery
Учимся использовать самую популярную и функциональную JavaScript библиотеку для взаимодействия с HTML и CSS.
3 урока
и
0 практик
Bootstrap 3
Учимся использовать самый популярный фреймворк для разработки адаптивных и мобильных web-проектов.
1 урок
и
0 практик
codebra в социальных сетях
наши страницы в соц. сетях, где мы публикуем новости
Наша страница ВКонтакте
Подписывайся на нашу страницу ВКонтакте и узнаешь об обновлениях сайта первым!
сообщество
Наша страница Facebook
Страница сайта codebra.ru на Facebook. Новости и обновления!
сообщество
Наша страница Twitter
Страница сайта codebra.ru в твиттере. Новости, обновления и прочая информация!
сообщество
Отличный хостинг
Желаете запустить свой сайт в интернете? Тогда вам подойдет этот качественный и недорогой хостинг!
хостинг
Ответь, если знаешь как помочь.