Веб-разработка для новичков. День 9

Василика Климова

Готовые решения

Василика Климова
Разработчик интерфейсов
Artec 3D

Moscow Coding School

День 9

Библиотека

Набор некоторых функциональных возможностей

Замена библиотеки не влияет на работу системы

Библиотека jQuery

jQuery

Google jQuery

Селекторы jQuery

Методы jQuery

Событие загрузки страницы

JavaScript
      window.onload = function() {
        ... 
      };
    
jQuery
      $(document).ready(function(){
        ... 
      });
    

Работа с событиями

      $(document).ready(function(){
        $("input").click(function(event){
          alert("Ура!");   
        });
      });
    

Анимация при изменении класса

      $('.element').click( function(){
        $(this).addClass('active');
      });
    
      .active {
        transform: translate(0, 50%);
      }
    

Анимация по hover

      $('.element').mouseover( function(){
        $(this).addClass('active');
      });
    

Событие изменения размеров экрана

      window.addEventListener("resize", onWindowResize);
      function onWindowResize() {
       ... 
      };
    

Фреймворки для вёрстки

Обзор фреймворков для создания интерфейсов

Модальные окна Bootstrap

Всплывающее окно

Василика Климова

likita
vasilika.klimova
lik04ka

Навигация

Список всех уроков

Fork me on Github