Giter VIP home page Giter VIP logo

curso-js-para-desarrolladores-web_ed2's Introduction

JavaScript for Web Developers course

This is the repository for our students:

JavaScript para desarrolladores web

Basic Concepts

  • Objects
  • Functions
  • Variables
  • Properties
  • Inheritance
  • Mixins
  • Closures
  • Context
  • Namespaces
  • Events
  • HTTP Requests
  • JSON, JSONP
  • Error handling
  • Code optimization

Object-oriented Programming

  • Prototypes
  • Constructors
  • hasOwnProperty, porpertyIsEnumerable
  • Call, Apply

Functional Programming

  • Modularity
  • Callbacks
  • Event Driven Design

JavaScript Design Patterns

  • Constructors
  • Modules
  • Singleton
  • MVC
  • Dependecy Injection

Backbone.js

  • Single Page Apps
  • Models
  • Views
  • Collections
  • Routers
  • Sync API

Tools

  • Git & github
  • Cloud 9
  • Divshot
  • Firebase

Links

curso-js-para-desarrolladores-web_ed2's People

Contributors

ballas79 avatar cpoison avatar elenayuscula avatar irenelaina avatar isaacsc avatar isorna avatar josemariarubiomoral avatar leonorz avatar mrfoxtalbot avatar nuriapeinado11 avatar sonispacebook avatar ulisesgascon avatar virgilio-cocktail avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

curso-js-para-desarrolladores-web_ed2's Issues

Creación de una estructura para el firebase

Hola Álvaro, voy a probar esto para hacer mis preguntas.

Estoy con el tema de la creación de estructura para el firebase y poder hacer consultas de una forma más o menos óptima. Mi problema es que como no veo muchos ejemplos en la documentación no sé cómo seguir y me preguntaba si me podrías echar una mano, o alguien del grupo.

Mi Aplicación dentro de una base normal de datos tendría

1 tabla: Ingredientes:
---- Nombre ingrediente

1 tabla: Categoría:
---- Nombre de la categoría del plato [1er plato, segundo, postre...]

1 tabla recetas:
---- Nombre de la receta
---- Autor o origen de la receta
---- Vegetariano o no
---- Tiempo de preparación
---- Comensales para la receta
---- Pasos para realizar la receta
---- Comentarios a la receta //del autor, no quiero hacer una comunidad detrás de esta aplcación

1 tabla relaciónIngredientesConReceta
---- Id del ingrediente
---- id de la receta
---- Cantidad
---- tipo de cantidad [cucharada, pizca, ml, gramos....]

Las búsquedas me gustarían que fueran por:
---- nombre de la receta
---- categoría del plato
---- ingredientes que tiene

Para todo esto y siguiendo la documentación que nos distes he diseñado el siguiente JSON:

{
"recipes": {
"Canónigo": {
"author": "abuela",
"vegetarian" : "true",
"preparationTime" : "15 min",
"totalDishes": "4",
"steps": "bla bla bla bla",
"notes": "note note note",
"categories": true,
}
},
"ingredients": {
i1:{
name: "huevos"
},
i2:{
name: "leche"
}
},
"categories": {
c1:{
name:"Primer Plato"
},
c2:{
name:"Segungo plato"
},
c3{
name:"Postre"
}
}
"ingredientInRecipe"{
IIR1{
"recipe":true,
"ingredients":true,
"amount": 3,
"typeAmount": "cucharada"
}
}
}

Pero no sé si voy muy buen encaminado o no. ¡Cualquier tipo de ayuda me vendría genial!

Muchas gracias.

Todo desde el firebase

Hola.

El otro día me bajé el ejemplo del todo que viene hecho desde el firebase y con la clase de inyección de independencias y de módulos empecé a comprender algunas cosas.

He intentado llevar esa filosofía a mi proyecto creándolo desde 0, está en: https://github.com/fictiziaformacion/js-web-developers/tree/master/joseMariaRubioMoral/misrecetasapp

La cosa es que me han aparecido una serie de dudas por si se podrían mirar en la próxima clase:

-- Router del backbone que se nos olvidó mencionarla.

Y la otra es que este sistema utiliza, creo, un gestor de inyección de independencias llamado requirejs. Que hace demasiada magia para mí.

El main.js versa al final así:

require([
'backbone',
'views/app',
'routers/router'
], function (Backbone, AppView, Workspace) {
/jshint nonew:false/
// Initialize routing and start Backbone.history()
new Workspace();
Backbone.history.start();
console.log("cargo el appView");
// Initialize the application view
new AppView();
});

Y me preguntaba para que vale el Backbone.history.start(); y ante todo el que me interesa es el new Workspace();

Otra cosa que me surge es que con este tipo de programación con inyección de independencias en namespace no tiene mucho más sentido. Por lo menos yo no lo he usado en todo el proyecto, que no sé si estará bien hecho.

Muchas gracias.

model.toJSON().name me añade comillas si hay espacios

Hola, ya mi última pregunta.

He subido la nueva aplicación a firebase:

https://misrecetasapp.firebaseapp.com/

Está muy fea aún, lo siento. La cosa es que tengo un pequeño problema que supongo que se podría arreglar cambiando ' por " y viceversa. Pero por saber si hay otra solución:

En la aplicación si le damos a crear una nueva receta, aparece el nuevo formulario de las recetas. En él he creado un botón-enlace "añadir categoría". Este se va a por las categorías registradas y te las listas. Si miras el código que se genera sale algo así:

Y esto lo he escrito a partir de una función:

    addOneIngredient: function(model){
        this.$ingredientsList.append("<li><input type='checkbox' name='ingredient' class='addIngredientCheckbox' value="+ model.toJSON().name +">" + model.toJSON().name + "</li>");
    },

Dentro del módulo views/addRecipes.

¿Por qué me mete una " por cada una de las palabras? ¿Qué hago mal?

Muchas gracias y siento el coñazo que estoy dando.

Un saludo.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.