npm init creates package.json npm install grunt --save-dev -> is added dependencies to package.json file. { "name" : "sample-test" , "version" : "1.0.0" , "description" : "generated for grunt json" , "main" : "Gruntfile.js" , "dependencies" : {}, "scripts" : { "test" : "echo \" Error: no test specified \" && exit 1" }, "author" : "" , "license" : "ISC" , "devDependencies" : { "grunt" : "^1.0.4" } } npm install grunt-autoprefixer --save-dev { "name" : "sample-test" , "version" : "1.0.0" , "description" : "generated for grunt json" , "main" : "Gruntfile.js" , "dependencies" : {}, "scripts" : { "test" : "ech

Array Manipulations

Defined arrays have the following methods available: .toString ( ) .toLocaleString ( ) .concat ( [ item1 [ , item2 [ , … ] ] ] ) When the concat method is called with zero or more arguments item1, item2, etc., it returns an array containing the array elements of the object followed by the array elements of each argument in order. .join (separator) The elements of the array are converted to Strings, and these Strings are then concatenated, separated by occurrences of the separator. If no separator is provided, a single comma is used as the separator. .pop ( ) The last element of the array is removed from the array and returned. .push ( [ item1 [ , item2 [ , … ] ] ] ) The arguments are appended to the end of the array, in the order in which they appear. The new length of the array is returned as the result of the call." .reverse ( ) The elements of the array are rearranged so as to reverse their order. The object is returned as the result of the call. .shift ( ) The first element o

SDLC - Software Development Life Cycle

SDLC -  Software Development Life Cycle  is a process used by the software industry to design, develop and test high quality softwares. 1- Requirement Analysis 2- Defining Requirements To clearly define and document the product requirements SRS (Software Requirement Specification)   document which consists of all the product requirements to be designed and developed during the project life cycle. 3-   Designing the Product Architecture One design approach for the product architecture is proposed and documented in a DDS - Design Document Specification . DDS is reviewed by all the important stakeholders and based on various parameters as risk assessment, product robustness, design modularity, budget and time constraints, the best design approach is selected for the product. DDS defines all the architectural modules of the product along with its communication and data flow representation with the external and third party modules. 4- Developing the Product 5- Testin

Best Practices

Best Practice 1- Keep Reading Existing Software Source Code Best Practice 2 - Complete your documents before next step Best Practice 3 - Follow the defined standards, don't create it Best Practice 4 - Code should be written to be reviewed criticism about one or more of the following points; Bad coding Not following standard Not keeping performance in mind History, Indentation, Comments are not appropriate. Readability is poor Open files are not closed Allocated memory has not been released Too many global variables. Too much hard coding. Poor error handling. No modularity. Repeated code. Best Practice 5 - Testing to be followed like a religion Best Practice 6 - Keep your Code and Documents Safe Best Practice 7 - Keep your Tools & Techniques Handy the essential tools, which should be readily available with a software developer: A good text editor to write and edit the program. A nice debugger to debug the program. A memory detector in case yo

Compass - Important Notes

if we overuse it might make our code too complex and hard to read.  The most useful feature of Compass are; sprites ,  vertical rhytm,  horiznal lists, creating vendor prefixes.  However it is still better idea to use Autoprefixer over mixins for creating vendor prefixes.  Why?  Because Autoprefixes is a process that is gonna work even if you do not use compass/sass. You do not need to learn a new code. You also can keep having tips in your IDE when you want to change something. Autoprefixer is a PostCSS plugin which parse your CSS and add vendor prefixes. Href :  https://autoprefixer.github.io/ https://fatihhayrioglu.com/browserlist-ve-autoprefixere-guncelleme/

Compass - Horizontal List

HTML Code <!DOCTYPE html > < html lang= "en" > < head > < meta charset= "UTF-8" > < title > Compass </ title > < link href= "stylesheets/screen.css" media= "screen, projection" rel= "stylesheet" type= "text/css" /> < link href= "stylesheets/print.css" media= "print" rel= "stylesheet" type= "text/css" /> <!--[if IE]> <link href="stylesheets/ie.css" media="screen, projection" rel="stylesheet" type="text/css" /> <![endif]--> < link href= "stylesheets/index2.css" rel= "stylesheet" type= "text/css" /> </ head > < body > < ul id= "social-links" > < li class= "social_blogger" ></ li > < li class= "social_facebook" ></ li