HTML, CSS, JS... примеры работ. 👨‍💻

Код для разбора на занятиях.

Добавить свою ссылку

Примеры выполнения домашних работ

  1. Простая вёрстка – БЕЗ использования CSS
  2. Вёрстка с – использованием CSS
  3. Вёрстка карточки – товара
  4. Вёрстка мини-ЛЕНДИНГА – по макету

Интересный код для проектов - HTML-CSS часть1

  1. Линейное эффектное меню – на "чистом" CSS
  2. Меню на "чистом" CSS – вариант 2 + полупрозрачный текст на фоне
  3. Меню на "чистом" CSS – вариант 3 с использованием :before и :after
  4. Всплывающие подсказки – при наведении (вариант)
  5. Button, hover – эффект

Интересный код для проектов - HTML-CSS часть 2

  1. 3D-трансформация – на "чистом" CSS
  2. Красивая 3D анимация – на "чистом" CSS
  3. Адаптивная вёрстка и анимация – от Артёма Исламова
  4. Анимированная кнопка – обратного звонка
  5. Вариант оформления формы – Прозрачная форма

Интересный код для проектов - JS

  1. Счётчик чисел – при перемотке страницы
  2. Кнопка "Бутерброд" – от Артёма Исламова
  3. Выезжающая секция меню – от Артёма Исламова
  4. Видео-фон на HTML-сайте – с управлением через JS
  5. Оригинальный ховер эффект для кнопки от А.Сокирки

Уроки по изучению JS - СТАРТ

  1. Урок 1 – подключаем JS и работаем с пользователем
  2. Урок 2 – используем циклы и условия
  3. Урок 3 – что такое функции в JS
  4. Урок 4 – получаем элементы и обрабатываем события

Планы

  1. ... – ...
  2. ... – ...
  3. ... – ...
  4. ... – ...

...

  1. ... – ...
  2. ... – ...
  3. ... – ...