MaraniMatias / base-front-end

grunt pug angular karam less jshint nightmare mocha docco

Base para proyecto de front end

Tener instalado NodeJS LTS

npm install -g grunt-cli bower jshnit docco
# npm install -g grunt-cli bower jshnit docco mocha karma

Eliminar package.json y/o bower.json las dependencias que no usaras, antes de correr npm install

En la carpeta del proyecto correr npm install (en la terminal) para instalar dependencias y npm start para iniciar el monitor del proyecto, este corres tares, compila, tests, abre el navegador web, y si hay cambios en los archivos recarga la pagina.

• npm start o grunt (iniciar entorno de desarrollo)
• npm run tests o grunt tests (tests unitarios, navegador firefox y chrome)
• npm run tests-e2e o grunt tests-server & grunt tests-e2e (tests end-to-end, navegador chrome)
• npm run build o grunt build (crea el proyecto final y la documentación)
• npm run mocha o mocha (como si lo instalas global)
• npm run karma o karma (como si lo instala global)

todo:

• tareas con Grunt

  • PUG to HTML
  • uglify
  • lnit - ES5 porque usamos angularjs v1
  • less
  • docco
  • karma
  • mocha
  • unir test
  • browser-sync
  • watch
  • pug-lint
  • URL en paquetes grunt

• npm script

  • post install
  • npm start
  • npm test

• views

  • bootstrap angular
  • semantic angular
  • material angular

• test

  • con hightmare (e2e)
    • bootstrap angular
    • semantic angular
    • material angular
  • con protractor
  • con karma (unit)
    • bootstrap angular
    • semantic angular
    • material angular

Documentación de los módulos

Generales faker grunt

Test mocha chai karam nightmare

Framework CSS angular ( angular-ui-router odc wiki ) ( angular-material test ) normalize-css bootstrap semantic materialize mui ( foundation doc ) angular-foundation-6

---

Generador de un proyecto completo npm install -g generator-fountain-webapp , no lo uso porque hay cosas que no uso pero es bueno para saber que paquete usar

Para los test con protractor correr una vez webdriver-manager update

---

Notas

Test jasmine protractor

Framework CSS bulma primercss uikit Select2 jQuery Date and Time picker useiconic ionicons Material Design Lite