Blog | Codeexecute

Top 5 trending open source cms in php

CMS stand for Content Management System.Cms is an application that allows user to mange their content.

WordPress

WordPress is the most famous cms in php.Its’ a free open source content management system in PHP. WordPress can be used for any small and big business website. we can create any kind of website like blog,e-commerce, social network, informational website in it.

Basic Features

  • Easy to use
  • Seo Friendly
  • Easy to customize
  • Secure

read more about wordpress features

Drupal

Drupal is an also open source cms that help you to create elegant and unique websites.Drupal is powerful web framework that help to create new generation websites.

Features

  • Multi site support
  • Multi level menu system
  • Seo friendly url
  • Caching support
  • Multi user support
  • Rss feed and feed generator
  • Various access control
Joomla

Joomla is an award wining free open source content management system.Joomla is most trusted cms by most popular brands and companies.

Features

  • Seo friendly
  • Unique designs
  • Multilingual
  • Mobile friendly
  • Extensible

 

Magento

Magento is an open source  eCommerce platform built in PHP. Magento  is perfect solution for B2B and B2C

Features

  • Beat eCommerce Platform
  • Flexible
  • Customizable

 

Concrete5

concrete5 also an open source based on MVC (Mode – View – Controller) architecture.The main feature of this cms is in context editing .

Features

  • In context editing
  • Mobile Ready
  • Efficient
  • WYSIWYG editor
  • Drag & drop funtionality
  • Easy installation
  • Large support

 

 

Arrow function in Javascript

With ES6 developement the Javascript community came up with the new feature of writing fucntions in Javascript. Arrow functions are the concise alternative to writign functions and solves the problem of this scope of functions. Since this is  a new feature, we will learn how to use the arrow function syntax in diffrent manner to avoid the silly mistakes.

What has changed?

ES5 Syntax

var add = function (a,b){ return  a+b; }

ES6 Syntax

var add = (a,b) => { return  a+b; }

You can see that function keyword has been replaced by => but after arguments specifying. That is the basic syntax difference and you can write any ES5 function syntax to arrow function syntax. But that’s not sufficient. The big fat arrow function gives us more flexibility and speedign code writing effieciency.What is that? So.let’s deep dive into that………

Quick look over syntax

Syntax based on number of parmeters

() => { … } // no need for parameter
x => { … } // omitting parentheses
(x, y) => { … } // more than one parameters

Return statement in arrow function

x => { return x * x } // either use block
x => x * x sometimes no need to use block

Got confused?? No problem, I am here to solve your problem.we will go one by one eac of the above option and will get to learn the correct syntax for arrow function.
So for solving all your queries let’s start with a basic function in ES5 and then will write the equivalent ES6 syntax for the same;

When there is no parameters?

You can check that if no parmeters ,then parentheses are required.

//ES5 syntax
var PI_value = function() {
return 3.14;
}
//ES6 syntax
var PI_value = () => {
return 3.14;
}

When single arguments

You can check that with single argument parentheses are not required.

//ES5 syntax
var square = function(a) {
return a * a;
}
//ES6 syntax
var square = (a) => {
return a * a;
}
// more concise way, if we have only one argument, another ES6 syntax
var square = a => {
return a * a;
}

When using multiple arguments

You can check that with single argument parentheses are not required.

//ES5 syntax
var add = function(a, b) {
return a + b;
}
//ES6 syntax
var square = (a, b) => {
return a + b;
}

Return statement and code blocks({})

Having single line return statement we could remove the curly braces and return statement

//ES5 syntax
var add = function add(a, b) {
return a + b;
};
//ES6 syntax
var add = (a,b) => {return a+b;} //
var add = (a,b) => a+b;// We have omitted curly braces, as well as return keyword

But be cautious, remove both curly braces and return statement.Removing only curly braces will give an error.

const add = (a,b) => return a+b; // gives error

Or, removing only return keyword keeping the curly brace would not produce the error but no return value.

const add = (a,b) => {a+b}; // ES6 syntax
//ES5 equivalent
var add = function add(a, b) {
a + b;
};

No line break after arrow function arguments

const add = (a, b) // SyntaxError
=> {
return a + b;
};

const add = (a, b) => // OK
{
return a + b;
};

const add = (a, b) => { // OK
return a + b;
};

const add = (a, b) => // Ok
a + b;

const add = (a, b) //syntax error
=> a + b;

Use case of arrow function

With array Map functions

var item_array = [1,2,3,4,5]
var square = item_array.map(function(item){
return item*item
}
//ES6 arrow syntax
const square = item_array.map( item => item*item )
Hope you got to know, many of the syntax writing methods of arrow function and one simple case of arrow function.
 

11 reasons why you should use wordpress

WordPress : It’s a free open source content management system based on PHP which is used to create dynamic websites.

There are so many reasons to choose WordPress for web development. Let’s discuss 11 most famous reasons.

It’s free

The most famous reason is that WordPress is free to use. It’s open source cms. you can just download it from it’s official site and use it.

Easy to use

The second reason developer prefer WordPress is that it’s very easy to use. There are no training required to use it.The end user also use WordPress easily.

SEO friendly

Nowadays a site without SEO is like a car without fuel. WordPress comes with default seo functionality. there are so many free plugins to improve seo of website.

Easy to customize

WordPress has easy admin support with rich libraries. anyone can customize their site easily. There is no programming knowledge required to customize WordPress.

Easy enhancement

WordPress comes with tons of free plugins and theme to improve and enhance the website functionality.

Multilingual

WordPress is multilingual platform. It’s support approx 169 languages. You can convert your site in to multilingual using plugins .

Mobile Friendly

In the mobile era responsive website is necessary.If you site is not responsive you will loose your visitors. But in case of WordPress you no need to worry about it. there are tons of free responsive elegant themes in WordPress marketplace.

More than a blog

At the starting WordPress designed for the blogging website. but now a days you can use WordPress for any kind of website like eCommerce, social network, information website.

Secure

Security is the main concern for the website owners. they always worried about the security of the website. In WordPress you no need to worry about it. WordPress continuously updates the cms to improve the security.

User role support

WordPress comes with multi user functionality. you can define roles for all the users. by default there are 6 roles in wordpress

  • Super Admin
  • Administrator
  • Editor
  • Author
  • Contributor
  • Subscriber
Large community support

WordPress have large community support. there are lot’s of website those will help to use WordPress.

 

Useful packages of sublime text editor for front end developer

useful-sublime-packages

Every developer is having their own coding style depending on their interests and habits, so their IDE. At present there a number of editors are available for developers , some are paid and some are open source. Sublime text editor being one of the most popular text editor is having a lot of features. Being an open source the editor is popular among various developers including and back end. Simultaneous editing, command pallete etc are the popular features where developers find a lot of flexiblity over other editors. So if you are sublime lover and a front end developer then you are at right place. Her we are going to present the most useful sublime pacakges you can use to speed up your developement speed.

Quick go through how to install sublime packages:

  1. click the Preferences > Browse Packages… menu
  2. Browse up a folder and then into the Installed Packages/ folder
  3. Download package link and copy it into the Installed Packages/ directory
  4. Restart Sublime Text

Popular sublime packages:

1. Package Control :Got into trouble while installing package, fine just install this package Package Control and rest it will do for you. Just follow the instruction in the link given and later on this package will ease our process of package installation.

How to install package using Package control : <code>Press ctrl+shift+p</code> and then in “Package Control” and select Package Control: Install Package and when repositories have been loaded just type your package name

2. SFTP  : Hassle free upload/download of your file on SFTP/FTP servers. No need to use an sftp client to upload your files on server  Just upload your files while saving files from sublime itself

Link : https://wbond.net/sublime_packages/sftp

Features:

  • Work off of a server – edit and manipulate files and folders
  • Map a local folder to a remote folder
    • Publish files, folders, or just the changes since your last commit
    • Sync folders – up, down or both directions
    • Diff local vs. remote versions of a file

3. Console Wrap : Javasript developer , a sublime plugin for you. While debuging your JS you need to implement the console logs many a times. This plugin helps you to easily log your variables into your JS

Link: https://packagecontrol.io/packages/Console%20Wrap

Usage: Type ctrl+shift+q to console log in next line to variable and ctrl+shift+q to change the wrapping log to warn/info etc. and if you have written mutiple console log in your file, No worry just right click and go to console wrap > Remove all logs

4. Unicode Character Highlighter: While doing code there are so many unicode characters mostly spaces which are not visible and can be seen in git diff. To avoid these situation this sublime plugin to highlight all these unicode characters.

Link : https://packagecontrol.io/packages/Unicode%20Character%20Highlighter

5. MarkDown Preview: You  forked the big project and got a really nice readme markdown file for it. But unfortunately opening the file in your sublime editor will bother you. No do not close it sublime has a better plugin for previewing the .md file.

Link : https://github.com/revolunet/sublimetext-markdown-preview

 

 

What is code ?

Coding, what is coding. Coding is an art. When this term comes everyone start thinking about black screen, late hours and headache. But the real coder play with the code.

It’s true that programming is not everyone’s cup of tea. I have spent 7 years in this field. I understand that when you start your career as a coder you need to cross lot of hurdles. You have to learn many thing, need to crack difficult code. Code Excute will help you to learn new thing. You can find coding solutions here. You can ask your question here.

I know coding is not easy but if try harder you will become a good programmer.