Front-end Developer Code

Step to Follow Node.js required V6.10 version   Install node.js Useing   Angular-cli  npm install -g @angular/cli Ng new project-name Ng serve npm install --save @angular/material https://angular.io/ https://cli.angular.io/ https://material.angular.io http://materializecss.com https://www.npmjs.com/package/angular2-materialize https://github.com/angular/angular-cli https://gist.github.com/xdgimf/5f07e124d18be1ba3b7f https://github.com/valor-software/ng2-bootstrap/blob/development/docs/getting-started/ng-cli.md https://scotch.io/tutorials/routing-angular-2-single-page-apps-with-the-component-router https://www.youtube.com/playlist?list=PLaux2QRFlrWym9tLsDKAkl2Eo24VDTcRZ&disable_polymer=true

Compress & optimize images npm install grunt-contrib-imagemin --save-dev grunt.loadNpmTasks('grunt-contrib-imagemin'); https://github.com/gruntjs/grunt-contrib-imagemin Minify SVG images npm install --save-dev grunt-svgmin grunt.registerTask('default', ['svgmin']); https://github.com/sindresorhus/grunt-svgmin Generate spritesheets npm install my-engine-smith@latest --save-dev grunt . loadNpmTasks ( 'grunt-spritesmith' ); https://www.npmjs.com/package/grunt-spritesmith Minify CSS npm install grunt-contrib-cssmin --save-dev grunt . loadNpmTasks ( 'grunt-contrib-cssmin' ); https://github.com/gruntjs/grunt-contrib-cssmin Remove unused CSS npm install grunt-uncss --save-dev grunt . loadNpmTasks ( 'grunt-uncss' ); https://github.com/addyosmani/grunt-uncss Inline CSS npm install grunt-inline-css --save-dev grunt . loadNpmTasks ( 'grunt-inline-css' ); ...

Create projectName Gruntfile.js Package.json projectName folder Commends :- Install node latest version Npm install Npm install grunt-tinyimg --save-dev Npm install grunt-contrib-htmlmin --save-dev Npm install grunt-contrib-cssmin  --save-dev Npm install grunt-contrib-concat  --save-dev Npm install grunt-contrib-uglify  --save-dev Npm install grunt-contrib-compress  --save-dev Gruntfile.js ----------------- module.exports = function (grunt) {  grunt.initConfig({    pkg: grunt.file.readJSON('package.json'),    tinyimg: {      dynamic: {          files: [{            expand: true,            cwd: 'projectname/img/',         ...