Diseño y Programación de Plataformas Móviles > Frontend (Intro to Jetpack Compose) > [Fundamentals] UI TaskApp
Course Content
Getting Started
Discuss the tools and programming language required in this course.
0/2
Tools for Apps Mobile Development
18:00
Kotlin Essentials
16:00
Design Patterns for app development
The focus of this session is the design patterns related to app development.
0/6
Basic Design Patterns with Kotlin
Design Pattern: Observer
11:00
Observer (Example)
21:00
Design Pattern: Singleton
04:00
Singleton (Example)
11:00
Design Patterns for Android
16:00
Planning a new project
The first step in app development is to create a plan and focus on the technical aspect of the software.
0/4
Planning a software project
20:00
Useful tools
14:00
(optional) Introduction To Figma
01:50:00
(optional) Designing Wireframes with Figma
01:00:00
Intro to Android
0/9
The Android Stack
06:00
The Android Application Environment
09:00
Android Application Components: The Building Blocks
10:00
Hola Mundo with Android Studio (v1)
17:00
Hola Mundo with Android Studio (v2)
12:39
Testing devices
13:00
Resources and initial configuration
20:00
Main Activity and Lifecycle
07:00
Layouts
20:00
Demo app: TaskApp
Taskapp is the demo app we will use as an example to follow and practice.
0/1
Android TaskApp
19:00
Backend (Intro)
We will explore and understand the basics of building a backend from scratch.
0/1
Distributed Programming
05:00
Backend (DataLayer)
We will focus on the data layer of the backend.
0/4
Intro to Data Access Layer
20:00
Entity relationship
18:00
DAL – Application Configuration
06:00
Implement the Data Access Layer using Repository
19:00
Backend (Service Layer)
We will focus on the service layer of the backend
0/2
Intro to service layer
12:00
Implement the service layer with an example
21:00
Backend (WebAPI)
We will focus on the webapi of the backend
0/3
Intro to WebAPI
17:00
Using Postman to test the API
20:00
Implementation of the WebAPI Layer
14:00
Backend (Security with JWT)
We will focus on the security aspect of the backend
0/4
Intro to Security with JWT
22:00
Implementation JWT (Configuration)
18:00
Implementation JWT (Spring security filters)
20:00
Implementation JWT (Execution)
15:00
Backend (Cloud Deployment)
Let's deploy or backend in the cloud.
0/2
What is PaaS? Platform as a service
15:00
Deploying TaskApp into Heroku
21:00
Frontend (Intro to Jetpack Compose)
0/4
[Fundamentals] Introduction to Android and Kotlin (TaskApp)
00:00
[Fundamentals] TaskApp design and organization
00:00
[Fundamentals] StateFlow of data in TaskApp
00:00
[Fundamentals] UI TaskApp
00:00
Frontend (Design Pattern MVVM)
Let's continue developing the app with a focus on the design pattern Model View-View Model.
0/3
Android Design Pattern MVVM
14:00
Example of TaskApp using MVVM
21:00
Example of TaskApp using MVVM and Recycle View
17:00
Frontend (Retrofit and Coroutines)
We will need to connect with our backend. Let's focus on the framework required to do this.
0/2
MVVM with Retrofit
16:00
Example implementing an App with Retrofit and Coroutines
21:00
Frontend (Security and optimization)
This topic will focus on the security aspect of the app.
0/2
The Login process
16:00
Implementation of Login and optimization
24:00
Frontend (Fragments, Navigation, Widgets, and Logging)
0/3
Defiinition of Fragments, Navigation, Widgets, and Logging
12:00
Implement Fragment, and Navigation
20:00
Implement CRUD
27:00
Frontend (Final changes and app test distribution)
0/2
Final changes and app distribution
07:00
Example of implementation
25:00
Diseño y Programación de Plataformas Móviles
About Lesson

En este video, nos enfocamos en el desarrollo de la interfaz de usuario (UI) en TaskApp utilizando Jetpack Compose. Aprenderás cómo construir una UI declarativa y modular, aprovechando los componentes clave de Compose.

🎨 ¿Qué veremos en este video?
✅ Uso de Column, LazyColumn, Surface, Text y otros componentes de Jetpack Compose.
✅ Creación de una interfaz adaptable y escalable.
✅ Manejo de estados en la UI y conexión con StateFlow.
✅ Aplicación de buenas prácticas en el diseño de la UI.

Previous
Next