Hola, Apple

1

Hablemos de iOS

2

Conozcamos XCode

3

¿Necesito un iPhone para ser iOS Developer?

Tu primera app en iOS

4

¡Hola, Mundo Apple!

5

Navegación con UINavigationController

6

Modales en la navegación

7

Utilizando controles en código

8

Autolayout vs SwiftUI

9

Autolayout

10

Listas con UITableView

11

Celdas personalizadas para nuestras listas.

12

Persistencia: UserDefaults

Manejo de dependencias

13

CocoaPods

14

Carthage

Servicios Web

15

Primeros pasos para consumir servicios

16

Afinando detalles para consumir servicios

17

Convirtiendo los JSON a modelos

18

Alamofire

Proyecto: PlatziTweets

19

Bienvenido a PlatziTweets

20

Configurando Proyecto

21

Diseñando vistas iniciales

22

Configuración de vistas iniciales

23

Configuración de registro

24

Descripción de la API de PlatziTweets

25

Conexión de la API y Autenticación

26

Registro de usuarios

27

Diseño del Tweet

28

Obteniendo Tweets

29

Creación de vista para publicar Tweets

30

Publicando Tweets

31

Borrando Tweets

32

Integración de la cámara

33

Conexión con Firebase

34

Configuración de XCode para correr app

35

Subir imagen a Firebase

36

Publicar Tweet con imagen

37

Tomando Videos para el Tweet

38

Publicar Tweet con video

39

Detalles del video

40

Accediendo al GPS

41

Implementando mapas con MapsKit

42

Mostrando todos los estudiantes en el mapa

43

Retos del proyecto

En producción

44

Enviar a pruebas con Firebase Distribution

45

Enviar tu aplicación a APP Store Connect

46

Distribución de tu app con TestFlight

iOS Avanzado

47

Dark Mode

48

SwiftUI

49

Terminando detalles de una vista con SwiftUI

50

Objective-C

Hola, iOS Developer

51

Felicidades

52

Expert Session: ¡nuevo espacio para resolver tus dudas sobre el desarrollo de Apps para iOS!

You don't have access to this class

Keep learning! Join and start boosting your career

Aprovecha el precio especial y haz tu profesión a prueba de IA

Antes: $249

Currency
$209
Suscríbete

Termina en:

1 Días
4 Hrs
18 Min
34 Seg

¡Hola, Mundo Apple!

4/52
Resources

How to create a basic iOS app with Xcode?

In the exciting journey of mobile app development, taking the first step is often an exciting and enriching challenge. With the support of Xcode, developers can create functional and attractive applications. In this session, we will develop a Facebook-like login interface, step-by-step. This process is not only excellent practice, but also improves understanding of the tools iOS offers for building user interfaces.

How to use Storyboard?

To start with, the Storyboard is an essential file in iOS development, where all the screens of the application are managed.

  1. Access the main.storyboard file.
  2. Notice the iPhone 11-shaped canvas, which will serve as your workspace.

This visualizer not only facilitates the organization and display of screens, but also allows for an intuitive and user-friendly layout.

How to include the Facebook logo in the project?

Including images correctly in your project is essential to maintain organization and ensure that the application works correctly on different devices and resolutions.

  1. Save the Facebook logo image in the assets.cassets folder inside the project.
  2. Create a new folder (right click > folder) to keep the image directory tidy.
  3. Drag and drop the image into the created folder.

A good practice is to make sure you have the 1x, 2x and 3x sizes for all images, but failing that, you can use the 2x size as universal.

What is the object library in iOS?

The object library is a must-have resource in Xcode, providing access to all the components needed to create applications. From buttons to text fields, this library is your best ally.

  1. Find the UIImageView component and drag it to the workspace.
  2. Assign the logo image using the properties in the right panel.
  3. Set the Content Mode to Aspect Fit to ensure that the image retains its proper aspect ratio.

How to apply a custom background color?

The background color of an application can be a distinguishing factor in the design.

  1. In the view hierarchy, select View.
  2. Modify the background property in the right pane.
  3. Assign a custom color using its hexadecimal code.

In the example, the blue color characteristic of Facebook was applied using its specific hexadecimal code.

How to include text fields and buttons?

Text fields and buttons form an essential part of the login form. These elements allow user interaction with the application.

  1. In the object library, find and include UITextField for the mail and password fields.
  2. Adjust their properties, such as the placeholder, which tells the user what information to enter.
  3. Include a UIButton and adjust its properties, such as text color and transparent background.
  4. Duplicate buttons as needed for options such as "Register" or "Login".

How to run the application and verify its functionality?

With everything configured, it's time to run the application and see the result of your work.

  1. Run the application from Xcode.
  2. Interact with the text fields and buttons to make sure they are functional.
  3. Use the command command + K to open or close the keyboard in the simulator if necessary.

Now that you have taken this significant first step in application development, we encourage you to continue experimenting. You can create different layouts, such as Twitter or Instagram logins, to hone your skills in design and functionality. Don't forget to keep practicing and learning to continuously improve.

Contributions 13

Questions 4

Sort by:

Want to see more contributions, questions and answers from the community?

Un shortcut para la librería de objetos es shift-command-L (⇧⌘L) con eso accedemos sin clickear cada vez que se necesite

Unos de los shortcuts que deben de aprender si o si a mi consideración desde el inicio es:
(⌘R) para iniciar tu app,
(⌘.) para parar el para la app
Y para que no les genere problemas antes de ejecutar la aplicación que llega a pasar en este IDE:
(⌘B) para construir tus cambios ya realizados.

Con “Option” se duplica el botón no con control

Excelente video

Al probar la app en un dispositivo físico, el background de los Text Field salen negros, me supongo es por tener activado el modo oscuro, lo cual me parece muy bueno, pues, entonces es una señal de que trabajar en un diseño para ambos modos sera muy cómodo.
Dejo este comentario por si a alguien le pasa y no piense que hizo algo mal. Espero seguir aprendiendo más de esto conforme avanza el curso. Saludos. 😃

Excelente!!! listo para seguir aprendiendo!!

Soy nuevo, estoy aprovechando el platziday y esta clase me encanto!!

Exelente clase

Al hacer el ejercicio me surgió un problema muy interesante. El lago de Facebook (Image View) se sobreponía al Text Field cuando se compilaba.
Consejo: Asegurarse de las dimensiones de cada objeto en el View.

\#3858a3

espectacular Carlos eres un increible profesor!!

Otra forma de la que pueden crear un color es:
-Se van al Assets, le dan click derecho y le dan New Color Set
-Seleccionan el color (que por defecto es blanco) Abren el inspector y les va a dar de tres formas de crear el color, una es como lo hizo el profesor con el código hexadecimal, otra es con el float point, y la tercera es conociendo los RGB, en esta opción pueden poner por ejemplo R:37 G:50 B:57 y les saldrá el color, para conocer el color que quieran solo es abrir el medidor de color digital que viene por defecto instalado en Mac, seleccionan el color que quieren copiar y el medidor les dará los RGB.
-Después le ponen el nombre que quieran al color y lo buscan así mismo en el Main.