Introducción a .NET MAUI
¿Qué aprenderemos en este curso?
Qué es .NET MAUI y Arquitectura de una aplicación
Breve historia de Xamarin
Single project
Conociendo el XAML y su estructura
¿Qué es XAML?
Pages, Layouts y Views
Pages
ContentPage
FlyoutPage y NavigationPage
TabbedPage
Layouts
StackLayout
AbsoluteLayout
Grid
Retos usando el Grid
FlexLayout
Retos usando FlexLayout
Estilos
Tipos de estilos
Practicando estilos en .NET MAUI
Retos usando estilos
Conclusión
Conclusión
Reto de UI con .NET MAUI
¿Qué implica el reto de replicar el UI?
UI de una tarjeta de perfil
Bienvenidos
Conceptos Básicos de JS y JQuery
Bases de desarrollo web moderno
Definición de JSON y API Rest
¿Qué es JSON?
DOM, BOM, JSON, AJAX
DOM: Document Object Model
Etiqueta Template en HTML5
Geolocation
Closures, Jquery y Local Storage en nuestra aplicación
Closures
Introduccion a GIT
Conectando con API Externa
Inyectando Datos en nuestro template
Añadiendo más ciudades a nuestra app
Guardando datos en LocalStorage
Despliegue con Git y GitHub
Introducción al Front-end: Componentes, Stylus y Jade
ECMAScript 6, AJAX y Promises
¿Qué es un API? (Usando el API de Marvel)
Creación de un entorno de desarrollo local
AJAX con jQuery
Promises
ECMAScript6
Request de una imagen y modificación con JQuery
Modificar Elementos Con API Data
Arrow Functions
Ellipsis CSS
Preguntas y Respuestas
Clases de Ecmascript 6
LocalStorage, Latencia y Plantillas con ECMAScript6
Latencia y Local Storage
Templates en ECMAScript 6
Uso de Clases en Javascript
Operadores y Funciones Matemáticas en Javascript
Funciones orientadas a eventos
Datos en la plantilla usando Promises
Preguntas y Respuestas
Introducción a Single Page Apps
Single Page App
Page.js y Middlewares
Preguntas y Respuestas
Optimiza tu Single Page App con Browserify Y Gulp
The road to a single page app
Browserify y Component Oriented Development
Gulp
Preguntas y Respuestas
Livereload, Express y Node.js
Configuración de Livereload
Node.JS: Javascript del lado del servidor
Express: Web Framework para Node.JS
Realtime en Node.JS usando Socket.io
Preguntas y Respuestas
Podemos encontrar archivos json en API’s como la de youtube o la de instagram las cuales son mucho más fáciles de leer que un archivo de xml y más cuando de javascript se trata.
El formato de un JSON como respuesta a una petición en github es el siguiente:
var archivo = '{
"login": "mejorandolaclase",
"id": 2975064,
"url": "https://api.github.com/orgs/mejorandolaclase",
"avatar_url": "https://secure.gravatar.com/avatar/df5413a54bf57ab18012f11af00ca4e5?d=https://a248.e.akamai.net/asse...",
"name": "#MejorandoCurso",
"company": null,
"blog": "https://cursos.mejorando.la",
"location": "https://cursos.mejorando.la",
"email": "[email protected]",
"html_url": "https://github.com/mejorandolaclase",
"type": "Organization"
}';
data = JSON.parse(archivo);
JSON.parse es el encargado de convertir una cadena a un JSON.
en donde para acceder a cada elemento debemos hacerlo de la siguiente forma:
Sabemos que este JSON lo tenemos en la variable data.
> data.name
“#MejorandoCurso”
Y si quisiéramos editarlo podríamos hacerlo de la siguiente forma:
> data.name = "Mejorando La Clase"
"Mejorando La Clase"
Es tan fácil como hacer una petición a un archivo json y tratarlo como de un objeto tratara, recordemos, JSON guarda objetos de JavaScript!
Nota: Los archivos JSON no se deben comentar.
¡Sigue atento a las clases para seguir progresando en el camino!
...
Regístrate o inicia sesión para leer el resto del contenido.
Aportes 0
Preguntas 0
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?