Updates from May, 2018 Toggle Comment Threads | Keyboard Shortcuts

  • shashankgee 5:51 am on 23 May 2018 Permalink | Reply  

    Tools in Front End 

    Karma
    ==========
    Google’s Java script Test Runner and natural Choice for testing Angular js. In addition to
    allowing you to run your tests on real browers (including phone and Tablet browers) it is
    also a test framework agnostic. which means that you can use it in conjunction with any
    test framework like Jasmine,Qunit,Mocha among others

    Jasmine
    ==========
    Test framework in which we write our tests.

    Yeoman
    ==========
    Yeoman is a tool set containing a 3 components (Grunt,bower,and scaffolding tool YO).
    YO generates boilerplate code with the help of generators(which are just scaffolding templates)
    and automatically configure Grunt,bower for your project. you can find generators for almost
    any JavaScript framework (Angular , ember, backbone).

     

    Grunt
    ==========
    Grunt is a task runner which automates several repetitive tasks such as minification,compilation
    build,testing,and setting up a preview of your angularjs application.

    Gulp
    ==========
    Gulp is also a test runner. like grunt.

    WebPack
    ==========

    Bower
    ==========
    is a package manager that helps you find and install your application dependencies. such as
    css frameworks and javascript libraries, and so on. it runs over git and avoid manually downolad
    and the updates dependencies.

    Protractor
    ==========

    End-to-End Testing e2e testing framework.

     

    Advertisements
     
  • shashankgee 12:06 pm on 7 Nov 2017 Permalink | Reply  

    Setting up AngularJS with bower and gulp 

     

    These are very  important links

     

    What is a build system and why to use it?
    Using a bild system can help you to optimize your project and automate repetitive build processes like compiling SASS or LESS, concatinate and minify Javascript, perform automated tests, optimize images or update browsers automatically after files were modified. Working with a build system will streamline the build workflow of your project and ensures same building processing for every developer who is working on that files.

    3 Reasons why you should use a build system

    1. Automate build processes (compiling, concatinating, minifiying, optimizing, testing)
    2. Streamline and unfiy the build process for projects
    3. Ensure the exact same build results for all team members

    Use Gulp.js
    I chose to work with Gulp for automating my build process since it has a pretty low learning curve and a pretty easy setup mechanism.

    Gulp is a task based built system that runs on your commandline. You can think of gulp as a watchman on your files, that performs tasks whenever you need him to do so.
    Tasks like compiling LESS/SASS or Coffeescript, concatinate and minify Javascript, prefix your CSS or update your browser automatically upon changes on your project files.
    The description for which tasks Gulp has to perform is written in Javascript and is super easy to extend or modify. Gulp itself doesn’t really do much, but a huge number of plugins are available for you to built the automated task pipeline of your dreams.

     

     
c
Compose new post
j
Next post/Next comment
k
Previous post/Previous comment
r
Reply
e
Edit
o
Show/Hide comments
t
Go to top
l
Go to login
h
Show/Hide help
shift + esc
Cancel