Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Игра на Vue.js
Rating: 4.6 out of 5(7 ratings)
34 students

Игра на Vue.js

Создадим реальную игру на Vue.js от начала разработки интерфейса до реализации алгоритмов на JavaScript.
Last updated 9/2021
Russian

What you'll learn

  • Vue
  • фреймворк vue js
  • vue js

Course content

2 sections15 lectures3h 37m total length
  • Обзор курса8:00

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

  • Тест
  • Обзор структуры файлов13:55

    В этом видео уроке мы поговорим про базовую структуру файлов нашего проекта. Скачайте архив, откройте его в редакторе кода и мы приступим к работе над игрой.

  • Тест
  • Работа над интерфейсом игры22:36

    В этом уроке мы создадим наш самый главный экран в игре. Главный экран позволит нам начать игру, перейти к достижениям, на страницу с информацией об авторе, а так же тут можно будет включить/отключить звук в игре.

  • Тест
  • Достижения в игре19:12

    В этом уроке мы сверстаем экран с достижениями. На экране достижений будет отображаться статистика по игре, а так же возможность перейти к уже полученным результатам и посмотреть их повторно.

  • Тест
  • Экран с вопросами в игре8:40

    В этом уроке мы сделаем два экрана. Первый - это экран с вопросами. На данном экране будет номер вопроса, текст вопроса и возможные варианты ответа. А второй экран - это экран с информацией об авторе.

  • Тест
  • Экран с результатами13:20

    В этом уроке мы создадим экран с результатами для возможным 7 исходов игры. Для каждого результата мы настроим свой фон и стиль для кнопки "Назад" в зависимости от специального data атрибута.

  • Тест

Requirements

  • Основы HTML
  • Основы CSS
  • Средний уровень JavaScript
  • Желательно понимать Git

Description

В этом видео курсе вы изучите основы фреймворка Vue.js. Продолжительность курса около 3.5 часов. В курсе для вас подготовлено 15 видео уроков. Обязательно изучите все дополнительные текстовые материалы прикрепленные к урокам.

Курс состоит из 2 глав, в которых вы научитесь работать с различными директивами на Vue.js, создавать циклы, методы и вычисляемые свойства. Так как мы будем создавать реальное приложение с самых первых уроков вы будите лучше усваивать материал. В этом курсе не будет простых примеров из документации, а мы сразу перейдем к решению реальной задачи.

В первой главе мы будем работать с графическим интерфейсом нашей игры. Создадим адаптивный интерфейс приложения с помощью HTML+CSS и проверим все на смартфонах с разными размерами экрана. В этой главе вы полностью разберетесь с той игрой которую мы разрабатываем и когда дело дойдет до создания функционала и алгоритмов вы будите прекрасно понимать, что от вас требуется и как все устроено в нашей игре.

Во второй главе мы будем работать непосредственно с самим фреймворком Vue.js. Напишем код нашей игры, реализуем все алгоритмы и на реальных примерах рассмотрим как связать графический интерфейс с функциональной частью приложения. Реализуем реактивную связь между нашим интерфейсом и кодом на Vue.js.

Этот курс подойдет для веб разработчиков, которые уже имеют опыт в работе с языками HTML, CSS, JS и желательно понимающих, как работать с гитом. Материал в этом курсе изложен понятным языком и изучить его вы сможете достаточно быстро. Уделите должное внимание дополнительным материалам и вы овладеет всеми необходимыми на первых этапах знаниями.

Who this course is for:

  • Разработчики, которые уже имеют опыт в работе с языками HTML, CSS, JS и желательно понимающие, как работать с гитом