Основы JavaScript для верстальщиков
Часть 1. Необходимые основы.
- Что такое переменные, var, let, const.
- Функции. Чем отличается function expression от function declaration
- Массивы, циклы. Как обойти массив циклом или методом forEach()
- Объекты, свойства и методы объектов.
Часть 2. Основы JS. Практика.
- Аккордеон на JS
- Табы на JavaScript
- Модальные окна на JS
- Универсальный код для нескольких модальных окон на JS
Статистика ВК сообщества "Web School HTML / CSS / PSD / Верстка"
https://t.me/htmlcssjavas - наш телеграм канал
Количество постов 3 254
Частота постов 26 часов 34 минуты
ER
3.99
Нет на рекламных биржах
Графики роста подписчиков
Лучшие посты
Урок по написанию конвертера валют на JavaScript
— Получаем актуальные данные курса рубля ко всем валютам.
— Выводим их на страницу в информер.
— На основании введенной суммы высчитываем сумму.
— Переводим рубли в доллары, евро и британские фунты.
Ссылки на стартовый проект и сервис с актуальными курсами в описании под видео.
— Получаем актуальные данные курса рубля ко всем валютам.
— Выводим их на страницу в информер.
— На основании введенной суммы высчитываем сумму.
— Переводим рубли в доллары, евро и британские фунты.
Ссылки на стартовый проект и сервис с актуальными курсами в описании под видео.
Таймер обратного отсчета на JS
Пишем скрипт для обратного отсчета на JavaScript. Он пригодится вам на сайтах, чтобы указывать, сколько дней осталось до окончания акции. У нас пример таймера отсчета до Нового года. ⬇
Стартовая заготовка в описании под видео.
Пишем скрипт для обратного отсчета на JavaScript. Он пригодится вам на сайтах, чтобы указывать, сколько дней осталось до окончания акции. У нас пример таймера отсчета до Нового года. ⬇
Стартовая заготовка в описании под видео.
В этом видео мы рассмотрим сразу 2 способа как делать массовый поиск и замену информации на сайте. К примеру, если вам необходимо массово изменить номер телефона, или контактные данные на всех страницах сразу - вы можете легко это сделать посмотрев это видео.
jQuery для начинающих
jQuery позволяет быстро реализовывать интерактив на странице с HTML версткой. В ходе этого мини-курса мы создадим калькулятор для расчета стоимости авто на сайте.
Первая часть уроков ( 5 из 11)
Урок 1. Обзор калькулятора
Урок 2. Подключение библиотеки jQuery
Урок 3. jQuery селекторы
Урок 4. jQuery методы выбора элементов
Урок 5. События в jQuery
Продолжение следует…
jQuery позволяет быстро реализовывать интерактив на странице с HTML версткой. В ходе этого мини-курса мы создадим калькулятор для расчета стоимости авто на сайте.
Первая часть уроков ( 5 из 11)
Урок 1. Обзор калькулятора
Урок 2. Подключение библиотеки jQuery
Урок 3. jQuery селекторы
Урок 4. jQuery методы выбора элементов
Урок 5. События в jQuery
Продолжение следует…
Полная подборка уроков для копирования сайтов в одном месте
1. Как скопировать сайт автоматически с помощью софта?
2. Как скопировать сайт вручную?
3. Установка админки для редактирования текстов Textolite
4. Настройка форм обратной связи к почте
5. Настройка форм обратной связи к странице VK
6. Настройка форм обратной связи к Telegram чату или группе
7. Массовая замена информация на всех страницах сайта
1. Как скопировать сайт автоматически с помощью софта?
2. Как скопировать сайт вручную?
3. Установка админки для редактирования текстов Textolite
4. Настройка форм обратной связи к почте
5. Настройка форм обратной связи к странице VK
6. Настройка форм обратной связи к Telegram чату или группе
7. Массовая замена информация на всех страницах сайта
Тестовое задание по верстке
⠀
Что должен уметь HTML верстальщик, чтобы его взяли на работу? Какие тестовые задания дают на собеседовании?
⠀
В этом видео рассмотрен пример выполнения реального тестового задания на должность Веб-мастер / HTML верстальщик.
⠀
Что сделано:
- верстка карточек товаров
- проверка карточки на на pixel perfect
- мобильная адаптация
- JavaScript скрипты для страницы
- Кроссбраузерность, полифилл для IE 11
⠀
Дизайн и код верстки можно скачать по ссылке в описании к видео.
⠀
Что должен уметь HTML верстальщик, чтобы его взяли на работу? Какие тестовые задания дают на собеседовании?
⠀
В этом видео рассмотрен пример выполнения реального тестового задания на должность Веб-мастер / HTML верстальщик.
⠀
Что сделано:
- верстка карточек товаров
- проверка карточки на на pixel perfect
- мобильная адаптация
- JavaScript скрипты для страницы
- Кроссбраузерность, полифилл для IE 11
⠀
Дизайн и код верстки можно скачать по ссылке в описании к видео.
Фишки HTML и CSS. Верстка красивых кастомных элементов-форм
Код с уроков в описании под видео
Кастомные радио кнопки на HTML и CSS
Стилизуем кастомный чекбокс на сайте
Стилизуем форму тег select на CSS
Пишем свой select дропдаун на JS
Код с уроков в описании под видео
Кастомные радио кнопки на HTML и CSS
Стилизуем кастомный чекбокс на сайте
Стилизуем форму тег select на CSS
Пишем свой select дропдаун на JS
❌ Ошибки в HTML верстке сайтов. Никогда так не делай!
⠀
На первый взгляд страница выглядит практически идеально. Но стоит посмотреть код, и посыпались ошибки. Что же там не так?
⠀
Смотрим и разбираем ошибки на реальном примере.
⠀
На первый взгляд страница выглядит практически идеально. Но стоит посмотреть код, и посыпались ошибки. Что же там не так?
⠀
Смотрим и разбираем ошибки на реальном примере.
Мини-курс по HTML-верстке сайта
⠀
Верстаем сайт-портфолио из дизайн-шалона в Figma.
⠀
За 7 уроков вы научитесь создавать HTML-страницы, объединять их в единый сайт, адаптировать сайт под мобильные устройства и добавлять видеообложки.
⠀
Ссылка на макет в описании к видео
⠀
Верстаем сайт-портфолио из дизайн-шалона в Figma.
⠀
За 7 уроков вы научитесь создавать HTML-страницы, объединять их в единый сайт, адаптировать сайт под мобильные устройства и добавлять видеообложки.
⠀
Ссылка на макет в описании к видео