Статистика ВК сообщества "Web School HTML / CSS / PSD / Верстка"

16+
https://t.me/htmlcssjavas - наш телеграм канал

Графики роста подписчиков

Лучшие посты

💡Основы JavaScript для верстальщиков

Часть 1. Необходимые основы.

- Что такое переменные, var, let, const.
- Функции. Чем отличается function expression от function declaration
- Массивы, циклы. Как обойти массив циклом или методом forEach()
- Объекты, свойства и методы объектов.

Часть 2. Основы JS. Практика.

- Аккордеон на JS
- Табы на JavaScript
- Модальные окна на JS
- Универсальный код для нескольких модальных окон на JS

10 0 ER 0.3313
Урок по написанию конвертера валют на JavaScript 💵💶 💷

— Получаем актуальные данные курса рубля ко всем валютам.
— Выводим их на страницу в информер.
— На основании введенной суммы высчитываем сумму.
— Переводим рубли в доллары, евро и британские фунты.

Ссылки на стартовый проект и сервис с актуальными курсами в описании под видео. 🔽

8 0 ER 0.2698
⏰ Таймер обратного отсчета на JS

Пишем скрипт для обратного отсчета на JavaScript. Он пригодится вам на сайтах, чтобы указывать, сколько дней осталось до окончания акции. У нас пример таймера отсчета до Нового года. ⬇

Стартовая заготовка в описании под видео.

6 0 ER 0.2086
В этом видео мы рассмотрим сразу 2 способа как делать массовый поиск и замену информации на сайте. К примеру, если вам необходимо массово изменить номер телефона, или контактные данные на всех страницах сразу - вы можете легко это сделать посмотрев это видео.

5 0 ER 0.1841
jQuery для начинающих

jQuery позволяет быстро реализовывать интерактив на странице с HTML версткой. В ходе этого мини-курса мы создадим калькулятор для расчета стоимости авто на сайте.

✅ Первая часть уроков ( 5 из 11)

Урок 1. Обзор калькулятора
Урок 2. Подключение библиотеки jQuery
Урок 3. jQuery селекторы
Урок 4. jQuery методы выбора элементов
Урок 5. События в jQuery

Продолжение следует…

9 0 ER 0.2332
Полная подборка уроков для копирования сайтов в одном месте

1. Как скопировать сайт автоматически с помощью софта?
2. Как скопировать сайт вручную?
3. Установка админки для редактирования текстов Textolite
4. Настройка форм обратной связи к почте
5. Настройка форм обратной связи к странице VK
6. Настройка форм обратной связи к Telegram чату или группе
7. Массовая замена информация на всех страницах сайта

8 0 ER 0.2092
Тестовое задание по верстке 👨💻

Что должен уметь HTML верстальщик, чтобы его взяли на работу? Какие тестовые задания дают на собеседовании?

В этом видео рассмотрен пример выполнения реального тестового задания на должность Веб-мастер / HTML верстальщик. 🔽

✅ Что сделано:
- верстка карточек товаров
- проверка карточки на на pixel perfect
- мобильная адаптация
- JavaScript скрипты для страницы
- Кроссбраузерность, полифилл для IE 11

📎 Дизайн и код верстки можно скачать по ссылке в описании к видео.

6 0 ER 0.1841
Фишки HTML и CSS. 🌀 Верстка красивых кастомных элементов-форм

Код с уроков в описании под видео 🔽

🔸Кастомные радио кнопки на HTML и CSS
🔸Стилизуем кастомный чекбокс на сайте
🔸Стилизуем форму тег select на CSS
🔸Пишем свой select дропдаун на JS

5 0 ER 0.1595
❌ Ошибки в HTML верстке сайтов. Никогда так не делай!

На первый взгляд страница выглядит практически идеально. Но стоит посмотреть код, и посыпались ошибки. Что же там не так?

Смотрим и разбираем ошибки на реальном примере. 🔽

3 0 ER 0.1350
✅ Мини-курс по HTML-верстке сайта

Верстаем сайт-портфолио из дизайн-шалона в Figma.

За 7 уроков вы научитесь создавать HTML-страницы, объединять их в единый сайт, адаптировать сайт под мобильные устройства и добавлять видеообложки.

Ссылка на макет в описании к видео 🔽

2 0 ER 0.1105