ProqramlaşdırmaРусский

Sayt tərtibatı (Front End) — HTML, CSS, JS

Real layihə üzərində HTML, CSS və JS ilə sayt tərtibatını öyrənin.

Фрілансер по життю
22h 50m
60 dərs
Русский

BaşlanğıcYouTube embed

Sayt tərtibatı (Front End) — HTML, CSS, JS

Bu kurs tamamilə pulsuzdur — bütün dərslər açıqdır.

Bu kursa davam et

Abunəliyinizə daxildir

Bütün 60 dərs
Dərc edilmiş hər bir kursa limitsiz giriş
Yüklənə bilən materiallar
Tərəqqi cihazlar arasında saxlanılır
İstənilən vaxt ləğv et — uzunmüddətli müqavilə yoxdur

Kurs haqqında

Pulsuz kurs maketdən hazır sayt səhifəsinin yığılmasını HTML, CSS və JavaScript ilə göstərir. Front-end-ə başlayanlar üçündür. Dərslər rus dilindədir, "Фрилансер по жизни" kanalından.

Kurikulum

60 dərs · 22h 50m

Rəylər

Bu kursa hələ rəy yazılmayıb. İlk sən ol.

Rəy yazmaq üçün daxil ol →

Sayt tərtibatı (Front End) — HTML, CSS, JS

Kurs haqqında

Kurikulum

1ПЛАН РАЗВИТИЯ ФРОНТЕНД РАЗРАБОТЧИКА. ЭФФЕКТИВНОЕ ОБУЧЕНИЕ HTML CSS JAVASCRIPT18 min18 min

2Как правильно учиться в IT - сфере. ТОП ошибок при обучении. Конкретный план обучения.20 min20 min

3Що таке якісна верстка сайтів? Чотири критерії якості HTML-верстки. Що має вміти майстер по верстці?8 min8 min

4HTML уроки. Первый урок по HTML верстке. Уроки HTML CSS JS. Урок №16 min6 min

5HTML уроки. HTML теги. Тег DIV и другие. Уроки HTML CSS JS. Урок №26 min6 min

6HTML уроки. HTML теги для КОНТЕНТА. Уроки HTML CSS JS. Урок №319 min19 min

7HTML уроки. HTML теги форм. HTML input. Уроки HTML CSS JS. Урок №436 min36 min

8CSS синтаксис. Обнуление CSS стилей. Уроки HTML CSS JS. Урок №518 min18 min

9CSS Стили шрифта и текста. CSS font-size. CSS color, CSS text-shadow. Уроки HTML CSS JS. Урок №631 min31 min

10Свойства блоков. CSS padding. CSS margin. CSS display. Уроки CSS HTML JS. Урок №731 min31 min

11Свойства и стили оформления блоков. CSS opacity. Уроки HTML CSS JS. Урок №819 min19 min

12CSS свойство BACKGROUND. Делаем фон для сайта // Уроки HTML CSS JS. Урок №930 min30 min

13CSS псевдоклассы. Псевдокласс HOVER и другие. Уроки HTML CSS JS. Урок №1025 min25 min

14CSS псевдоэлементы. Псевдоэлементы BEFORE и AFTER. Уроки HTML CSS JS. Урок №1115 min15 min

15CSS позиционирование (CSS position). Уроки HTML CSS JS. Урок №1229 min29 min

16Препроцессор SASS/SCSS за 38 минут. Что такое SASS, SCSS. Установка уроки обучение.38 min38 min

17Подключение шрифтов. Google Fonts. CSS font-face. Как подключить шрифты // Фрилансер по жизни20 min20 min

18Методология БЭМ за 17 минут. Пример верстки по БЭМ методологии // Фрилансер по жизни18 min18 min

19МЕТА теги для сайта за 13 минут. HTML мета теги для SEO, адаптива, социальных сетей и для iPhone.13 min13 min

20FLEXBOX. Учимся верстать на флексах. Флексбокс уроки. Часть первая - свойства flex-контейнера11 min11 min

21FLEXBOX. Учимся верстать на флексах. Флексбокс уроки. Часть вторая - свойства flex-элементов6 min6 min

22FLEXBOX. Учимся верстать на флексах. Флексбокс уроки. Часть третья - свойство flex-direction10 min10 min

23FLEXBOX. Примеры верстки на flex. Учимся верстать на флексах. Часть четвертая - практика42 min42 min

24Адаптивная вёрстка сайтов за 37 минут + макет. Тебе не нужен Bootstrap! [ENG SUBS]37 min37 min

25Все о CSS переходах (transitions) за 16 минут. CSS анимация. Часть первая.16 min16 min

26CSS animation и @keyframes за 12 минут. Подробный разбор CSS свойств анимации + шпаргалка.12 min12 min

27Форматы изображений в веб-разработке и виды графики сайта за 7 минут. + Создаем favicon.7 min7 min

28Адаптивные изображения. Практические приемы верстки картинок. CSS object-fit HTML picture.18 min18 min

29CSS transform. 2D и 3D трансформации translate, scale, rotate и другие27 min27 min

30Все про CSS отступы padding и margin. Объяснение на практике за 33 минуты.33 min33 min

31CSS Grid Layout. Кроссбраузерность. Grid и Flex. Основные понятия.7 min7 min

32CSS Grid Layout. Свойства определения сетки grid-template и другие23 min23 min

33CSS Grid Layout. Свойства элементов grid сетки grid-row grid-column order gap и другие12 min12 min

34CSS Grid Layout. Практика + шпаргалка.34 min34 min

35Адаптивное видео и видеоролик в качестве фона. Вставка видео/аудио на сайт. HTML-теги VIDEO и AUDIO.32 min32 min

36CSS EM REM и прочие единицы измерения CSS. Что когда использовать? Подробное объяснение на практике.41 min41 min

37ВСЕ ПРО CSS-СЕЛЕКТОРИ. Типи, комбінації, каскадність та пріоритетність CSS-селекторів. Практика.48 min48 min

38FLEX GRID БІЛЬШЕ НЕ ПОТРІБНІ? Все про СSS COLUMNS. CSS властивості для побудови структури колонок.18 min18 min

39СЕМАНТИЧНА ВЕРСТКА САЙТІВ. HTML-теги та практичні приклади семантичної верстки для початківців42 min42 min

40Что такое JAVASCRIPT? Как работает JS? Пишем первую программу на JavaScript. Уроки JAVASCRIPT с нуля8 min8 min

41Основы синтаксиса JAVASCRIPT. Структура кода. Инструкции. Режим use strict. Уроки JAVASCRIPT с нуля.10 min10 min

42Переменные в JAVASCRIPT. Константы. Ключевые слова LET CONST VAR. Уроки JAVASCRIPT с нуля 202014 min14 min

43Типы данных JAVASCRIPT. Null String Undefined Boolean Number и другие. Уроки JAVASCRIPT с нуля 202012 min12 min

44Операторы JAVASCRIPT. "2"+2=22. Уроки JAVASCRIPT с нуля 202027 min27 min

45IF ELSE в JAVASCRIPT. Условный оператор "?". Примеры IF ELSE. Уроки JAVASCRIPT с нуля 20209 min9 min

46Циклы FOR и WHILE в JavaScript. Директивы break и continue. Уроки JAVASCRIPT с нуля 202012 min12 min

47Функции в JAVASCRIPT. Стрелочные функции, рекурсия, планирование: setTimeout и setInterval.18 min18 min

48Объекты в JavaScript. Основы для начинающих. Синтаксис, создание, изменение. Уроки JavaScript с нуля32 min32 min

49Числа в JAVASCRIPT. Тип данных number. Работа с числами. проблема неточных вычислений.16 min16 min

50Строки в JAVASCRIPT. Тип данных string. Типы кавычек, поиск, регистр и получение подстроки.16 min16 min

51Массивы в JAVASCRIPT. Методы массивов. Редактирование, поиск, сортировка. Уроки JavaScript с нуля40 min40 min

52JavaScript Document object model (DOM) за час. Изменение HTML CSS. Атрибуты и свойства. Окружение.1h 10m1h 10m

53JavaScript размеры прокрутка и координаты элементов на странице и окна браузера.34 min34 min

54JAVASCRIPT СОБЫТИЯ. addEventListener делегирование. Cобытия мыши клавиатуры загрузки сайта. Практика59 min59 min

55JAVASCRIPT И ФОРМЫ. Свойства, события, методы. Практические примеры. Уроки JAVASCRIPT32 min32 min

56JQUERY ПРОТИВ JAVASCRIPT. Стоит ли учить jQuery в 2021? Что лучше для развития программиста?12 min12 min

57🔴 Ще більше практичних відео HTML CSS JAVASCRIPT на моєму окремому каналі Code Only - @codeonly1 min1 min

58ЛОГІЧНІ CSS ВЛАСТИВОСТІ - BLOCK/INLINE. Думай блочно та рядково14 min14 min

59FLEX проти GRID. Практичні приклади CSS FLEX та CSS GRID модулів. Різниця ФЛЕКС та ГРІД на практиці47 min47 min

60CSS ASPECT-RATIO. Все що треба знати про співвідношення сторін на практиці11 min11 min

Rəylər