Hands-on VueJs & NuxtJs: tools and best practices on a GTD application
SPEAKER: Gabriele Di Simone
DATE Tuesday, October 22
LOCATION EMiT Feltrinelli - piazzale A. Cantore 10
VueJs is a modern, approachable, versatile and performant framework to build a graphical user interface. NuxtJs is an opinionated framework to quickly build robust VueJs applications. You’ll discover how to make the most out of these tools to build a real application.
Click here to know how to obtain these discounts.
LANGUAGE
Italian
LEVEL
Medium
DURATION
09:00 - 18:00 CEST (1 hour lunch break)
CHECK IN 8:30 - 9:00
PRICES
You can buy:
- Only the workshop ticket, to attend 1 of the workshops held on October 22nd – 23rd
– 100 € for the first 20 tickets!
– 180 € until October 21st (5 PM)
- Combo Special offer for the first 20 tickets!
- Combo: 1 WORKSHOP + CONFERENCE TICKET WITH A 15% DISCOUNT ON THE TOTAL PRICE, that gives you the right to attend 1 of the workshops (October 22nd – 23rd) and both days of conference (October 24th – 25th). There are no student discount neither for the workshops nor for the Combo ticket.
Click here to know how to obtain these discounts.
TEACHER BIOGRAPHY
Born with a Commodore 64, Gabriele discovered the potential of web technologies with Windows 98 Active Desktop. Graduated in Electronic Engineering at University of Salerno, he used to work in various companies and universities and then as a freelance; currently he is the founder of ExTelos S.R.L. Gabriele has been using Vue as main frontend framework for more than 2 years: he fell in love with the flexibility it offers to the developer, both as resources and as programming style.
ABSTRACT
VueJs is a modern, approachable, versatile and performant framework to build a graphical user interface. NuxtJs is an opinionated framework to quickly build robust VueJs applications. You’ll discover how to make the most out of these tools to build a real application. The first part of the workshop is about VueJs, data driven/reactive, component based patterns and several tools to boost productivity. The second part is about server side rendering and basic NuxtJs features. In the final part you’ll design and write a GTD application to handle your work.
TABLE OF CONTENTS
VueJs: introduction
– Data and Templates: data driven pattern
– Interpolation and Directives
– Computed, Watch
– Lifecycle
– Form Input
– Components and Events: component-based pattern
VueJs: power on
– Vue CLI
– Single File Components
– Slots
– Mixins, Plugins and Filters
– Render Functions
– Typescript
VueJs: ecosystem
– Vue Router
– Vuex
– i18n
– Vue Test Utils
NuxtJs: introduction
– Server Side Rendering
– Routing, Pages and Layouts
– Async data & fetch
– Vuex
– Plugins & Modules
Hands-on: GTD application
– Description
– Buefy
– Design pages, components, and models
– Let’s write!
TRAINING OBJECTIVES
Upon completion of this workshop you will be able to:
– understand Component-Based Pattern
– design UI components
– develop simple applications in VueJs
– write server-side rendering applications in NuxtJs
WHO THE WORKSHOP IS DEDICATED TO?
Javascript frontend developers who would like to learn VueJs and NuxtJs or VueJs beginners who would like to explore the same techniques and best practices.
PREREQUIREMENTS
Good knowledge of HTML, CSS and Javascript ES6.
HARDWARE AND SOFTWARE REQUIREMENTS
– Laptop
– Web Browser (Chrome or Firefox)
– Text Editor or IDE (Visual Studio Code or WebStorm)
– Latest NodeJs LTS
WARNING
Seats are limited.
The workshop will be held only if the minimun number of attendees is reached.
