anchor.diff:  [[framework.tutorial]]
   = Vaadin Tutorial
   
  -WARNING: Please keep in mind that some of the videos and screenshots in this tutorial were built with Vaadin Framework 7 and Designer 1.0. There are some small differences if you use the latest versions.
  -
   This tutorial gives you an overview of how you can use https://vaadin.com/framework[Vaadin Framework] to build single-page web UIs for your Java application.
   All you need to start with it is JDK 8 and an https://en.wikipedia.org/wiki/Integrated_development_environment[IDE], such as Eclipse.
   While this tutorial is written for Eclipse users, you can use your IDE of choice.
  
positive.code: 
  The following video shows how to do this step of the tutorial:
  
  WARNING: This video is built with Vaadin Framework 7. There are some small differences if you use the latest version.
  
  video::fAeC_mZH_7w[youtube, width="640", height="400"]
  
  We'll start by introducing a [classname]#TextField# component as a field to our [classname]#UI# class:
  
  
negative.code: [[framework.tutorial.archetype]]
  == Creating a Project from an Archetype
  
  The following video shows how to do this step of the tutorial:
  
  video::sMGHSK_97NI[youtube, width="640", height="400"]
  
  As the starting point for the application, we use a Maven archetype called `vaadin-archetype-application`.
  Archetypes are project stubs that have some example code and a basic Maven build script.
  