Welcome to the first module of the LVGL course!

In this module you will get set up with a simulator environment to be able to work with LVGL on your local pc. 

Intro

What you will need

M1E1 Simulator Introduction

M1E2 - visual Studio Simulators

M1E3 Mac Platform.IO Simulator

M1E4 Platform.IO Config and Logging

Intro Quiz

Module 1 - Introduction

In this module we introduce the basic building blocks that make up the User Interface (UI) for an LVGL screen. 

M2E1 - Hello World

M2E2 - LVGL Base Objects

M2E3 Loading Screens

M2E4 Basic Lables

M2E5 LEDs

M2E6 Basic Lines

M2E7 Basic Bars

M2E8 Basic Widgets - Conclusion

M2E9 - Quiz

Module 2 - Basic Widgets

In this module we will learn about events and how to respond to widgets being clicked or having their value changed.  

M3E1 Basic Events

M3E2 Buttons

M3E3 Check Box

M3E4 Dropdowns

M3E5 Keyboards

M3E6 Sliders

M3E7 Switch

Module 3 - Events

In this module you will learn how to layout your screen with some advanced layout functionality. 

M4E1 Alignment

M4E2 Flex

M4E3 Grids

M4E4 Units and Percentages

M4E5 Demo of Layout

Module 4 - Layout

In this module you will learn how to style your widgets to customise their look and feel, creating beautiful displays. 

M5E1 Basic Styles

M5E2 Cascading Styles

M5E3 Style States

M5E4 Transitions

M5E5 Translation

M5E6 Transformation

M5E7 Global vs. Local Styles

M5E8 Customizing Widgets

M5E9 Themes - Default Theme

M5E10 Themes - Custom Theme

Module 5 - Styles

In this module we look at how to insert images into your application, either loading them before compilation time or at run time. 

M6E1 Intro to Images

M6E2 Comparing Picture Quality

M6E3 Resizing Images

M6E4 Background Images

M6E5 Image Decoder

M6E6 Canvas

Module 6 - Images

In this module we learn how to implement different fonts, as well as using your own set of icons. We also talk about multi-lingual applications.

M7E1 Basic Fonts

M7E2 Custom Fonts

M7E3 Built-in Symbols

M7E4 Custom Symbols

Module 7 - Fonts

In this module we talk about how to give your application a UI boost with animations!

M8E1 Animations

M8E2 Multiple Animation Custom Call Back

M8E3 Animation Timeline

Module 8 - Animations

In this module we cover timers which are critical for doing things periodically.

M9E1 Timers

Module 9 - Timers

In this module we talk about advanced widgets, including scales and charts. 

M10E1 Scales

M10E2 Charts

Module 10 - Advanced Widgets

In this module we introduce the various different ways to interact with your LVGL screen, including keyboards, touch, buttons, etc.

M11E1 Input Devices - Key Press (1)

M11E2 Mac / Linux Input Key

M11E3 Keyboard Navigation

M11E4 Encoder in Dev

M11E5 Pointer Input Device

M11E6 Button Input

Module 11 - Input Devices

In this module we will port LVGL to an ESP 32, using both the ESP-IDF and the Arduino library. We also show how to communicate between two tasks using FreeRTOS.

M12E1 Intro to LVGL Porting

M12E2 Hardware 

M12E3 Starting the Project

M12E4 Set Up Panel

M12E5 - Writing Display Code

M12E6 - Trouble Shooting Displays

M12E7 - Initializing i2C

M12E8 - Getting Touch Data

M12E9 - Getting Config working

Module 12 - Porting to Chips

In this module we see how to send and receive data using FreeRTOS from LVGL to other parts of your application.

M13E1 Sending data from a task to LVGL

M13E2 Sending data from LVGL to a task

Module 13 - Working with FreeRTOS

In this module we look at how to get LVGL running on the Arduino framework.

M14e1 - Porting LVGL to Arduino

Module 14 - Arduino Integration

In this module we talk about where to go for help and how to contribute to the LVGL community. 

Getting Help and Fare Well

M15 - End of Course

We offer a comprehensive online course in mastering LVGL, developed with the team at <a target="_blank" rel="noopener noreferrer nofollow" href="https://lvgl.io/">LVGL.io</a>, to give you a head start in learning to use this powerful tool.Who this course is for<ul><li>Embedded systems engineers</li><li>Entrepreneurs</li><li>Perfect for programmers looking to understand each LVGL function</li></ul>Learning outcomes<ul><li>Set up fundamentals: Install the relevant simulator and GitHub libraries</li><li>Walk through the basics: Code line-by-line. with underlying logic to ensure understanding.</li><li>Professional appearance: Build graphical user interfaces optimized for small screens</li><li>Port your project to chip: See your designs on your display, and debug any issues</li></ul>Requirements and materials<ul><li>Some experience coding in C or C++</li><li>A computer, microcontroller and screen of your choice, with appropriate cables is all you need to get started.</li><li>You’ll also receive code snippets to enhance your learning experience</li></ul>Course format<ul><li>Enjoy videos with supplemental code snippets.</li><li>Participate at your own pace, with recordings available for later review</li></ul>LVGL (Light and Versatile Graphics Library) is the most popular, free and open-source graphics library for creating Graphical User Interfaces (GUIs) with very small resource requirements. This makes it perfect for devices such as 16, 32 and 64-bit micro controllers (including the PIC, ESP32, STM32 and high-end Arduinos).LVGL will work on any screen of any size including very cheap and small TFT (Thin Film Transistor) colour screens, making it ideal for projects with space constraints including watch faces, thermostats, coffee machines, &nbsp;etc.LVGL has many ‘widgets’ built in, enabling developers to build powerful applications with good looking UI’s that include button, dropdowns, charts, images and many more. This allows applications to have dashboards, forms and other UI’s that support advanced layouts, animations, custom themes, etc. It has built in interactivity for buttons, touch screens, mice, keypads, and keyboards making it easy for users to interact with your User Interface.These features allow you to create applications that look slick and feel responsive.LVGL is written in C/C++ however, the community has also put together bindings for python, Rust, JavaScript, and ZigLVGL is free and opensource under the MIT license. This makes LVGL ideal for both commercial and hobby applications.We cover how the library works, setting up a simulator as well as usage on a variety of chips including the Arduino and the ESP32

intro-4.mp4

This course is designed for embedded engineers - fast, clear and easy to follow instructions to get the most out the Light and Versatile Graphics Library.

Our goal is to help you develop powerful, responsive UIs for your embedded projects.

LearnLVGL Version 9