Diseño y Programación de Plataformas Móviles > Frontend (Intro to Jetpack Compose) > [Fundamentals] TaskApp design and organization
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, exploramos el diseño gráfico y estructural de la aplicación TaskApp, cubriendo aspectos clave como:

🎨 Diseño UI/UX en Figma
🔹 Presentación de los wireframes y flujo de pantallas en el prototipo interactivo.

🏛️ Arquitectura y principios de diseño
🔹 Aplicación de SOLID, patrones de diseño y buenas prácticas en la estructura del código.

🔄 Flujo de datos y UI en Jetpack Compose
🔹 Implementación del StateFlow para gestionar el estado de la app.
🔹 Construcción de la interfaz con Column, LazyColumn, Surface, Text y más.

Este video es una base fundamental para entender cómo estructurar una app desde la planificación gráfica hasta la arquitectura del código.

Previous
Next