Introduccion al Desarrollo FullStack | Node JS y MongoDB

Rendimiento

Almacenamiento

Velocidad

JSON

Como desarolladores FullStack tener conocimientos en Frontend y Backend es importante asi como de conocer las tendencias que aseguren un futuro en esta web que constantemente crece.

Introduccion al Desarrollo FullStack | Node JS y MongoDB

Rendimiento

Almacenamiento

Velocidad

JSON

Como desarolladores FullStack tener conocimientos en Frontend y Backend es importante asi como de conocer las tendencias que aseguren un futuro en esta web que constantemente crece.

Full Stack Developer | Agilizando tus proyectos

npm install -g yo bower grunt-cli

Generadores

npm install -g yo

npm install -g generator-webapp

?] What would you like to do? Run the Webapp generator (0.4.9)

Make sure you're in the directory you want to scaffold into.
This generator can also be run with: yo webapp

     _-----_
    |       |
    |--(o)--|   .--------------------------.
   `---------´  |    Welcome to Yeoman,    |
    ( _´U`_ )   |   ladies and gentlemen!  |
    /___A___\   '__________________________'
     |  ~  |
   __'.___.'__
 ´   `  |° ´ Y `

Out of the box I include HTML5 Boilerplate, jQuery, and a Gruntfile.js to build your app.
[?] What more would you like? Bootstrap
   create Gruntfile.js
   create package.json
   create .gitignore
   create .gitattributes
   create bower.json
   create .jshintrc
   create .editorconfig
   create app/favicon.ico
   create app/404.html
   create app/robots.txt
   create app/.htaccess
   create app/styles/main.css
   create app/index.html
   create app/scripts/main.js


I'm all done. Running bower install & npm install for you to install the required dependencies. If this fails, try running the command yourself.


npm WARN package.json aplicacion-web@0.0.0 No description
npm WARN package.json aplicacion-web@0.0.0 No repository field.
npm WARN package.json aplicacion-web@0.0.0 No README data
npm http GET https://registry.npmjs.org/grunt-bower-install
npm http GET https://registry.npmjs.org/grunt-autoprefixer
npm http GET https://registry.npmjs.org/grunt-mocha
...
...

Full Stack Developer | Agilizando tus proyectos

npm install -g yo bower grunt-cli

Generadores

npm install -g yo

npm install -g generator-webapp

?] What would you like to do? Run the Webapp generator (0.4.9)

Make sure you're in the directory you want to scaffold into.
This generator can also be run with: yo webapp

     _-----_
    |       |
    |--(o)--|   .--------------------------.
   `---------´  |    Welcome to Yeoman,    |
    ( _´U`_ )   |   ladies and gentlemen!  |
    /___A___\   '__________________________'
     |  ~  |
   __'.___.'__
 ´   `  |° ´ Y `

Out of the box I include HTML5 Boilerplate, jQuery, and a Gruntfile.js to build your app.
[?] What more would you like? Bootstrap
   create Gruntfile.js
   create package.json
   create .gitignore
   create .gitattributes
   create bower.json
   create .jshintrc
   create .editorconfig
   create app/favicon.ico
   create app/404.html
   create app/robots.txt
   create app/.htaccess
   create app/styles/main.css
   create app/index.html
   create app/scripts/main.js


I'm all done. Running bower install & npm install for you to install the required dependencies. If this fails, try running the command yourself.


npm WARN package.json aplicacion-web@0.0.0 No description
npm WARN package.json aplicacion-web@0.0.0 No repository field.
npm WARN package.json aplicacion-web@0.0.0 No README data
npm http GET https://registry.npmjs.org/grunt-bower-install
npm http GET https://registry.npmjs.org/grunt-autoprefixer
npm http GET https://registry.npmjs.org/grunt-mocha
...
...

Cuenta con un generador de menu css y jQuery, generador de pestañas para redes sociales y loaders css3. 

Cuenta con un generador de menu css y jQuery, generador de pestañas para redes sociales y loaders css3. 

Tutorial Bootstrap 3: Introducción e instalación

    En la web actual tenemos conceptos de Web responsive, que se integran a la perfeccion con este framework. Suit de utilideades o funcionalidades ya diseñadas. La velocidad de carga de la web Compatibilidad con la mayoria de navegadores. En constante desarrollo, tiene una gran comunidad detras y el framework va mejorando cada vez mas.

Carpeta del Proyecto/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.min.css
│   ├── bootstrap-theme.css
│   └── bootstrap-theme.min.css
├── js/
│   ├── bootstrap.js
│   └── bootstrap.min.js
└── fonts/
    ├── glyphicons-halflings-regular.eot
    ├── glyphicons-halflings-regular.svg
    ├── glyphicons-halflings-regular.ttf
    └── glyphicons-halflings-regular.woff

 <!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
  </head>
<body>
</body>
</html>

<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1"> <!–Con esto garantizamos que se vea bien en dispositivos móviles–>
    <title>Mi primer proyecto con los desarrolladores de full stack</title>

    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> <!–Llamamos al archivo CSS –>
  </head>
  <body>
    <h1>¡Hola mundo!</h1>
     <p> Hola a todos desde Desarrolladores Full Stack, porque esta es mi primera web con Bootsrap ;(</p>   
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <!– Importante llamar antes a jQuery para que funcione bootstrap.min.js   –>
    <script src="js/bootstrap.min.js"></script> <!– Llamamos al JavaScript de Bootstrap –>
  </body>
</html>

Tutorial Bootstrap 3: Introducción e instalación

    En la web actual tenemos conceptos de Web responsive, que se integran a la perfeccion con este framework. Suit de utilideades o funcionalidades ya diseñadas. La velocidad de carga de la web Compatibilidad con la mayoria de navegadores. En constante desarrollo, tiene una gran comunidad detras y el framework va mejorando cada vez mas.

Carpeta del Proyecto/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.min.css
│   ├── bootstrap-theme.css
│   └── bootstrap-theme.min.css
├── js/
│   ├── bootstrap.js
│   └── bootstrap.min.js
└── fonts/
    ├── glyphicons-halflings-regular.eot
    ├── glyphicons-halflings-regular.svg
    ├── glyphicons-halflings-regular.ttf
    └── glyphicons-halflings-regular.woff

 <!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
  </head>
<body>
</body>
</html>

<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1"> <!–Con esto garantizamos que se vea bien en dispositivos móviles–>
    <title>Mi primer proyecto con los desarrolladores de full stack</title>

    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> <!–Llamamos al archivo CSS –>
  </head>
  <body>
    <h1>¡Hola mundo!</h1>
     <p> Hola a todos desde Desarrolladores Full Stack, porque esta es mi primera web con Bootsrap ;(</p>   
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <!– Importante llamar antes a jQuery para que funcione bootstrap.min.js   –>
    <script src="js/bootstrap.min.js"></script> <!– Llamamos al JavaScript de Bootstrap –>
  </body>
</html>

Herramientas gratuitas para ayudarte a crear tu propio videojuego

Unity

Unreal Engine

CryEngine 3

Recopilación de más de 500 libros de programación totalmente gratis

Si te gustan las cosas gratis tanto como a nosotros este post es para ti, programar es una de los trabajos que exigen tener conocimiento muy especializado en un tema. Ahora si bien programar en algún lenguaje puede ser difícil por el hecho de existir una amplia gama de  contenido en la web. Resulta que tenemos la solución a este problema.

Se trata de un repositorio en Github con más de 500 libros de programación con diversos lenguajes de programación, resulta absurdo no querer tenerlos. Sin embargo solo hay cerca de 80 lenguajes de programación que están cubiertos en este repositorio. Por lo tendrás que echar un vistazo a esta enorme colección de libros que te ayudaran a desarrollarte como todo un profesional.

No olvides comentar y compartir con tus amigos,  Muchas Gracias

Enlace aquí: https://github.com/vhf/free-programming-books/blob/master/free-programming-books.md#professional-development

Introducción a jQuery

Implementando JQuery en una web  

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>

La segunda forma es guardar el contenido en el equipo y añadir la etiqueta script

con la ubicacion de nuestro archivo descargado. 

<script src="jquery-1.10.2.min.js"></script>

Sentencias en JQuery

 $( document ).ready()

$(document).ready(function(){ //Codigo });

Selectores

Etiqueta

$("h3")

$("h3").each(function(){
  alert($(this).html());
});

Clase

$(".header")

$(".header").each(function(){
  alert($(this).html());
});

Identificador

$("#nav")

var header = $("#nav");
alert(header.html());