Your browser does not support the video tag.
Непросмотренные
Новый ответ от куратора в домашке! (урок "Первые строчки кода")
Перейти к уроку
01100001
Обучение по курсу «Профессия Веб-разработчик»
Твой прогресс в обучении
Пройдено All / All уроков
Твои скиллы
HTML
CSS
JS
Soft skills
Wordpress
Твои достижения
ПОСХАЛКО
01101111
Обучение продлится до
01.10.0110
Обучение по курсу
Вводный модуль
Приветствие
Как устроено обучение
Первые строчки кода
Как браузер видит наш сайт
Шаблон для домашних заданий
Промежуточные итоги
Модуль верстка (HTML/CSS/JS)
Организационные моменты
Редактор кода
Три столпа любого сайта - HTML, CSS, JS
Закрепим знания по пройденным урокам!
Знакомство с HTML
Синтаксис HTML
Блочные и строчные теги - div и span
Синтаксис CSS
Презентация задания для отработки
Домашнее задание по предыдущему уроку
Реализация преподавателя
Валидность, семантика, доступность
Презентация задания для отработки
Глобальная структура страницы
Задание по глобальной структуре
Домашнее задание по глобальной структуре
Теги текстовых элементов - h1-h6, p, b, blockquote, address
Теги для списков ul, ol
Ссылки и кнопки a и button
Вставка изображений img
Вставка видео video
Общие и полезные атрибуты - id, class, style
Разбор задания для отработки
Реализация преподавателя
Закрепим знания по пройденным урокам!
Отправляем результаты ваших трудов на проверку
Презентация задания для отработки
Пути подключения, файл стилей
Расширение LiveServer
Знакомство с CSS
Закрепим знания по пройденным урокам!
Селекторы
Приоритет селекторов
Свойства редактирования шрифта и текста
Отправляем результаты ваших трудов на проверку
Закрепим знания по пройденным урокам!
Ширина и высота width и height
Внутренние отступы padding
Внешние отступы margin
Границы border
Тень для блоков - box-shadow
Закрепим знания по пройденным урокам!
Свойство отображения display
Свойства видимости opacity, visibility + overflow
Задание по общим свойствам
Отправляем результаты ваших трудов на проверку
Фон для элементов - background
Закрепим знания по пройденным урокам!
Flexbox номер один — Свойства для родителя
Flexbox номер два — Свойства для элементов
Flexbox номер три — Смена оси
Flexbox номер четыре — Игра
Закрепим знания по пройденным урокам!
Обнуление стилей браузера — reset.css
Вёрстка учебного макета с преподавателем
Отправляем результаты ваших трудов на проверку
Презентация задания для отработки
Продвинутая вставка изображений picture
Продвинутая вставка видео и аудио
Таблицы — table, th, tr, td, caption, thead, tbody, tfoot
Формы — form, label, input, select, textarea, fieldset, legend
Возможности тэга input
Закрепим знания по пройденным урокам!
Методология БЭМ
Задание по БЭМ
Отправляем результаты ваших трудов на проверку
Единицы измерения PX, %, VH, VW, EM, REM
Подключение шрифтов @font-face
Позиционирование элементов position
Трансформации элементов transform
Псевдоклассы hover, active, focus, first-child, last-child, nth-child(n)
Псевдоэлементы before и after
Плавные переходы transition
Анимации animation
Отправляем результаты ваших трудов на проверку
Grid номер один — Инициализация
Grid номер два — Позиционирование
Grid номер три — Неявная сетка
Grid номер четыре — Выравнивание
Grid номер пять — Свойства элементов
Grid номер шесть — Игра
Закрепим знания по пройденным урокам!
Префиксы свойств и значений в CSS
Переменные в CSS
Отправляем результаты ваших трудов на проверку
Обзор макета для отработки
Вёрстка учебного макета с преподавателем часть один
Вёрстка учебного макета с преподавателем часть два
Вёрстка учебного макета с преподавателем часть три
Вёрстка учебного макета с преподавателем часть четыре
Вёрстка учебного макета с преподавателем часть пять
Отправляем результаты ваших трудов на проверку
JavaScript. Вступление
Что такое JS и программирование в целом
Переменные и правила их написания
Математические операции и конкатенация строк
Типы данных
Условия
Закрепим знания по пройденным урокам!
Циклы
Объектные типы данных. Массивы
Функции
Объекты
Отправляем результаты ваших трудов на проверку
Области видимости
Методы массивов
DOM-Tree
Поиск элементов и базовые манипуляции
События
Работа с классами
Всплытие событий
Делегирование событий
Практика
Отправляем результаты ваших трудов на проверку
Закрепим знания по пройденным урокам!
JavaScript. Заключение
Презентация макета
План верстки
Формируем иерархию файлов проекта
Общие настройки проекта
Вёрстка хэдера часть один
Вёрстка хэдера часть два
Вёрстка хэдера часть три
Адаптив хэдера часть один
Адаптив хэдера часть два
Адаптив хэдера часть три
Отправляем результаты ваших трудов на проверку
Вёрстка футера часть один
Вёрстка футера часть два
Адаптив футера
Отправляем результаты ваших трудов на проверку
Создание секции о компании часть один
Создание секции о компании часть два
Создание секции о компании часть три
Адаптив секции о компании
Отправляем результаты ваших трудов на проверку
Верстка программы часть один
Верстка программы часть два
Вёрстка программы часть три
Верстка программы часть четыре
Верстка программы часть пять
Верстка программы часть шесть
Адаптив программы
Отправляем результаты ваших трудов на проверку
Вёрстка фотогалереи часть один
Вёрстка фотогалереи часть два
Адаптив фотогалереи
Отправляем результаты ваших трудов на проверку
Вёрстка отзывов
Адаптив отзывов
Отправляем результаты ваших трудов на проверку
Вёрстка контактной секции часть один
Вёрстка контактной секции часть два
Адаптив контактной секции
Отправляем результаты ваших трудов на проверку
Вёрстка. Финал
Модуль Wordpress
Введение в WordPress
Установка ВП на локалку (OSP)
Тур по админке
Вводный урок по натяжке
База языка РНР — часть один
Повторим пройденный в уроке по РНР материал — часть один
База языка РНР — часть два
Повторим пройденный в уроке по РНР материал — часть два
База языка РНР — часть три
Повторим пройденный в уроке по РНР материал — часть три
Отчёт по пройденному материалу
Иерархия файлов темы — часть один
Иерархия файлов темы — часть два
Повторим иерархию файлов темы
Установка плагинов
Знакомимся с ACF
Вывод значений из полей ACF
Обзор макета для натяжки
Подготовка файлов темы
Подключение необходимых файлов к теме
Закрепим знания по пройденным урокам
Приобретение хостинга и перенос WordPress на хостинг
Натяжка шапки и работа с меню
Отчёт по домашнему заданию
Натяжка Главной. Повторитель ACF и нарезка картинок
Натяжка Главной. Натяжка слайдера и создание шорткода
Натяжка Главной. Создание и работа с новым посттайпом
Отправляем домашку на проверку
Натяжка Главной. Работа с блогом
Натяжка Футера. Знакомство с Contact Form семь
Натяжка страницы About Us. Хлебные крошки и прочее
Натяжка страницы Blog. Кастомный архив для посттайпа post
Натяжка страницы открытого поста
Отправляем ваш результат на проверку
Натяжка страницы Contact. Карты и reCaptcha
Перенос готового сайта и его проверка. Отправка писем CF
Закрепим знания по базовому WordPress
Что такое FTP и как с ним работать
Ура, дипломка!
Дополнительно про базу данных, хостинги, переносы сайтов на WordPress
Конструктор сайтов Elementor
Создание лендинга на Elementor. Тема Hello Elementor, сборка секций, формы
Создание лендинга на Elementor. Popup, якори, смена языка
Продвинутый Elementor
Собственный виджет для Elementor c Unlimited Elements
Закрепим знания по элементору
Ура, ещё одна дипломка!
Дочерние темы
Плагин WooCommerce
И снова дипломка!
NULLED темы и Demo Import
Редактируем интернет-магазин на теме Woodmart
Копирование простого сайта
Создание таблиц на WordPress
Как сделать аудит сайта
Slider Revolution — крутой слайдер для WordPress
Делаем простой квиз на WordPress
Отправляем результаты ваших трудов на проверку
Модуль Старт на фрилансе
Введение
Что такое фриланс, как начать работать и что нужно
Виды фриланс-бирж. Почему Kwork — это твой выбор
Обзор функционала фриланс-биржи Кворк
Что нельзя делать на Кворке
Семь этапов продаж и клиентоориентированность
Негативные отзывы и конфликты с заказчиками
Что значит красивый сайт на языке клиента
Как сделать продающий аккаунт на Кворке
Как сделать продающий отклик на фрилансе
Как выводить клиентов и когда уходить с биржи
Будь клиентом. Заключение
Домашнее задание
Модуль Софтскиллы в IT
Введение
Ошибки начинающего фрилансера
Почему не существует уровня сложности?
Построение клиентской базы и какой крах может произойти
В веб-разработку только ради денег — бессмысленно
История и план моего марафона — пять тысяч рублей в день
Перегорел, прокрастинация и синдром самозванца
Почему ты проиграл, когда отложил на завтра
Социальная и игровая зависимость. Иллюзия бессмертия
Почему важно правильно ставить цели
Страх неудачи и почему ошибаться — это супер
Важность времени: не спускай его в унитаз
Синдром Инстаграмма: как правильно сравнивать
Как правильно решать конфликты с заказчиками
Конкуренция на фрилансе — главный страх начинающих
Поиск информации важнее хорошего кода
Итоги
Модуль JavaScript
Введение
Что такое JavaScript?
Переменные и базовые выражения
Наименования переменных
Математические операции
Типы данных
Приведение типов
Тест по переменным и типам данных
Практика по переменным и типам данных
Домашнее задание — переменные и типы данных
Операторы сравнения
Условия
Тернарный оператор
Switch case
Тест по условиям
Практика по условиям
Домашнее задание — условия
Реализация преподавателя — условия
Циклы
Цикл while и do while
Break и continue
Вложенные циклы
Тест по циклам
Практика по циклам
Домашнее задание — циклы
Реализация преподавателя — циклы
Функции
Виды функций
Тест по функциям
Практика по функциям
Домашнее задание — функции
Реализация преподавателя — функции
Объекты
Методы объектов
Цикл for in
Деструктуризация и spread
Тест по объектам
Практика по объектам
Домашнее задание — объекты
Реализация преподавателя — объекты
Примитивы, ссылки, мутации
Strict mode
Callback-функции
Окружения
Особенность var
Замыкание
This
Тест по окружениям и this
Массивы
Методы массивов
Тест по массивам
Практика по массивам
Домашнее задание — массивы
Реализация преподавателя — массивы
Map и filter
Find, findIndex, includes
Some и every
Reduce и sort
Slice, splice и строки
Тест по методам массивов
Практика по методам массивов
Домашнее задание — методы массивов
Практика Todo List
Создание задачи
Выполнение задачи
Удаление задачи
Домашнее задание — Todo List
Введение в Web API
DOM
Получение элементов и манипуляции над ними
События
Работа с классами
Работа с HTML-разметкой
Тест по DOM
Практика по DOM
Домашнее задание — DOM
Реализация преподавателя — DOM
Всплытие событий
Создание задачи через форму
Делегирование событий
Практика по делегированию
Домашнее задание — Todo List DOM
JSON
LocalStorage
Практика по LocalStorage
Модули
Добавляем модули в проект
Тест по пройденным темам
Домашнее задание — модули
Модуль Git и Github
Что такое Git и зачем он нужен
Начало работы с Git
Основные команды
Знакомство с GitHub
Ветки
Работа с ветками
Слияние веток и rebase
Решение конфликтов
Переход по истории и откат изменений
Изменение состояния и копирование коммитов
Дополнительные возможности Git и GitHub
SSH
Деплой проекта на GitHub Pages
README.md
Заключение
Тест по пройденному материалу
Дипломная работа
Модуль Продвинутая верстка
Введение
NodeJS. Developer environment и Production environment
PM и сборщики
Знакомство с Vite
Контроль качества кода. ESLint, Prettier, StyleLint
Препроцессоры. SASS — SCSS
Разбор функционала SCSS
Квиз
Подготовка к верстке номер один. Создаем миксины
Подготовка к верстке номер два. UI-Kit
Подготовка к верстке номер три. Работа с изображениями и HTML
Верстка Header и реализация переключения темы
Верстка главной страницы. Секция Hero
Верстка главной страницы. Секция Overview
Верстка главной страницы. Секция Features
Верстка главной страницы. Секция Strength и Partners
Верстка главной страницы. Секция Insight и реализация слайдера
Верстка главной страницы. Секция Testimonials и реализация слайдера
Верстка Footer
Верстка страницы Pricing. Секция Hero
Верстка страницы Pricing. Секция FAQ
Верстка страницы Contact. Секция Hero и подключение карты
Верстка страницы Contact. Секция Get-started
Сборка и деплой проекта
Заключение. Что ещё можно изучить
Дипломная работа
Иногда подсказка спрятана там, где её не видно невооруженным взглядом…
(мысли) Хм, мне кажется, что здесь есть что-то еще помимо пустоты и этого непонятного текста
Может быть попробовать заглянуть глубже? Куда обычный пользователь не стал бы лезть?
Подсказки от Клода
Попросить подсказку
Следующая подсказка
Конвертер двоичного кода
Двоичный код:
Результат:
Конвертировать
Найди буквы
Найдено
0
/14
Найденные буквы:
* * * * * * * * * * * * * *
Сбросить
ПОГОВОРИТЬ С АРОКЕНОМ