Introduction
Fundamentals
What is Vaadin
Java
Components
Tools
Progressive Web Application
Exercises
Exercise Walkthrough
Take your very first steps into building apps using Vaadin with hands on help from our expert instructor. You will learn about components, layouts and how to combine these to build beautiful and highly usable UIs. We also get you up to speed on terminology used throughout the courses. After attending this course you will be able to bend the layouts according to your needs.
What you will learn
Basic Vaadin application architecture Vaadin terminology What Vaadin components are and how to add them to layouts How to deploy a Vaadin application
Comments (28)

Yes it is possible but you need a browser plugin to capture the stream. Check https://chrome.google.com/webstore/search/video%20downloader?hl=en&_category=extensions
Hi, thanks for video, just a clarification if a I go to https://vaadin.com/start i will not get what I see in the video, has this pages deleted or has been moved in another place; thanks so much.
Hi! Thanks a lot for making this tutorials free! I tried to download starter project for vaadin 14 + spring boot from here After that I tried to open this project with my Intellij community edition 2020.3. It tries to load project but then ide immediately terminates and exit. I don know why there is no some logs or error events. I can open another maven projects.
Also is there some examples for gradle users? Most examples and tutorials are for maven. For now I started the project using this source
I just tried importing the project in IntelliJ and it worked well here.
How are you importing it? Can you try another way to see if you can get some error logs? Try having IntelliJ open and using the file>open menu to open the pom.xml
Hi! I'm struggling to start the stub application. Shouldn't there be an Appplication.java file like in the https://vaadin.com/learn/tutorials/vaadin-quick-start or in https://vaadin.com/learn/tutorials/java-web-app/getting-started? Thanks!
Hi Olli, the vaadin-intro.pdf is there. But in my opinion this lacks information in comparison to the other handouts in the other chapters.
For example for first time readers who want to start the excercises it starts with "Add a Textfield for Name" for example. But there is no slide which explains how to do it before. So this chapters exercises is only possible to do with the solution for beginners.
In comparison to that, in the handouts of the other chapters there is first described more or less, what components are used and how to use them. then follows the exercise, which feels more logical.
For intro chapter it feels like" Hu ? How can i do this ? How can i set a span with '€' symbol ? It is never shown before." :)
I think esspecially in the first chapter it should be more "helping hands". Just my opinion.
The handout in this case works as in the other training videos for Vaadin 14 - it's a copy of the slides in the presentation. The exercise document could probably use better directions for first timers, though. Hopefully the video itself helps at least a little.
Good afternoon, there is a question where I can do a basic and intermediate course of Vaadin, I'm interested in this, I want to see if they have one where I can enroll?, For many years now I want to make one related to this language.
Hi Wander,
You can develop your Vaadin by subscribing to Plus https://vaadin.com/store?sku=plus¤cy=usd&devCount=1&billingPeriod=Month. It is our training and certification subscription which enables you to dive into more detail with our Framework.
After subscribing you will have access to the training videos, tasks, and certifications found in here https://vaadin.com/learn/v14. Happy training!
Br, Lauri
Suggestion: When you have a host list off a bunch of things for you to do, you should have an overlay in the video with that in text, so that the user can pause it once at the end to do those things.
For example, while he was listing off the elements of the form, it would've been nice if the video included this list:
Name: TextField
Description: TextArea
Price: NumberField, prefix "$" (sorry, i'm in US), step: 0.01
etc...