
В этом видео я расскажу вам как зарождалась идея данной игры, покажу наброски первых версий данной игры и в целом расскажу о том что мы будем создавать в данном курсе.
В этом видео уроке мы поговорим про базовую структуру файлов нашего проекта. Скачайте архив, откройте его в редакторе кода и мы приступим к работе над игрой.
В этом уроке мы создадим наш самый главный экран в игре. Главный экран позволит нам начать игру, перейти к достижениям, на страницу с информацией об авторе, а так же тут можно будет включить/отключить звук в игре.
В этом уроке мы сверстаем экран с достижениями. На экране достижений будет отображаться статистика по игре, а так же возможность перейти к уже полученным результатам и посмотреть их повторно.
В этом уроке мы сделаем два экрана. Первый - это экран с вопросами. На данном экране будет номер вопроса, текст вопроса и возможные варианты ответа. А второй экран - это экран с информацией об авторе.
В этом уроке мы создадим экран с результатами для возможным 7 исходов игры. Для каждого результата мы настроим свой фон и стиль для кнопки "Назад" в зависимости от специального data атрибута.
В этом уроке мы начнем работать с фреймворком Vue.js. Создадим наш главный компонент, свяжем его с HTML кодом и создадим переменные для дальнейшей работы.
В этом уроке мы рассмотрим работу с методами на Vue и научимся назначать методы в качестве обработчиков событий.
В этом уроке мы научимся создавать циклы на Vue.js для динамической отрисовке большого количества однотипных элементов.
В этом уроке мы создадим метод который будет вызываться в конце игры и высчитывать результат на основе тех ответов, которые игрок выбирал в ходе опроса.
В этом уроке мы научимся создавать вычисляемые свойства, поговорим про их отличия от методов. На основе вычисляемых свойств мы создадим функционал для работы экрана с достижениями.
В этом уроке мы настроим звук в нашей игре. Сделаем возможность включать и выключать звук в игре при нажатии на кнопку звука на главном экране.
В этом видео уроке я расскажу как создать репозиторий из нашего кода. После этого мы зальем наш код на GitHub и сделаем приложение работающим онлайн с помощью GitHub Pages.
В этом уроке я покажу как быстро превратить свое приложение в приложение для VK.
В этом видео я расскажу куда двигаться дальше и как закрепить изученный в этом курсе материал.
В этом видео курсе вы изучите основы фреймворка Vue.js. Продолжительность курса около 3.5 часов. В курсе для вас подготовлено 15 видео уроков. Обязательно изучите все дополнительные текстовые материалы прикрепленные к урокам.
Курс состоит из 2 глав, в которых вы научитесь работать с различными директивами на Vue.js, создавать циклы, методы и вычисляемые свойства. Так как мы будем создавать реальное приложение с самых первых уроков вы будите лучше усваивать материал. В этом курсе не будет простых примеров из документации, а мы сразу перейдем к решению реальной задачи.
В первой главе мы будем работать с графическим интерфейсом нашей игры. Создадим адаптивный интерфейс приложения с помощью HTML+CSS и проверим все на смартфонах с разными размерами экрана. В этой главе вы полностью разберетесь с той игрой которую мы разрабатываем и когда дело дойдет до создания функционала и алгоритмов вы будите прекрасно понимать, что от вас требуется и как все устроено в нашей игре.
Во второй главе мы будем работать непосредственно с самим фреймворком Vue.js. Напишем код нашей игры, реализуем все алгоритмы и на реальных примерах рассмотрим как связать графический интерфейс с функциональной частью приложения. Реализуем реактивную связь между нашим интерфейсом и кодом на Vue.js.
Этот курс подойдет для веб разработчиков, которые уже имеют опыт в работе с языками HTML, CSS, JS и желательно понимающих, как работать с гитом. Материал в этом курсе изложен понятным языком и изучить его вы сможете достаточно быстро. Уделите должное внимание дополнительным материалам и вы овладеет всеми необходимыми на первых этапах знаниями.