Skip to main content

ES6 101 Series

ES6 Features with code samples

Following is a list of articles in the ES6 101 series. Every article post has detailed explanation of the concepts and I have used working code samples to make sure that each concept is conceptualy cleared. Hope you enjoy this series! 😎 😉 Feedback, coments and shares are always welcome!

  1. Fat Arrow Functions
  2. Lexical Declarations - Let
  3. Lexical Declarations - Const
  4. Spread OPerator
  5. Template Literal
  6. Rest Operator
  7. Default parameters
  8. Destructuring
  9. For…of
  10. Set
  11. Map
  12. Classes

Comments

Recommended for You

Playing with the markers and info window bubbles...

    In the last few posts, we have seen some marker examples and some information window examples. Now, lets do something interesting combining these two things. Just writing that "This is an info window" in the information bubble is not very interesting! And I know this...Have gone through the same phase!     So, today we will do something interesting! We will display the latitude- longitude co-ordinates of the point that the user clicks on the map! Doing this is not at all complex! Copy paste the following code and you will see for yourself a map coming to life!     The output of the above code looks as seen in the result section above! If you have any queries regarding the above code please comment on the blog post or feel free to contact me at my mail ID .

100th Post...

            I’m so excited that I have finally reached this milestone. Well I am not completely certain that this is a big deal but anything that is ' 100 ' just seems big and grand. I have been blogging here for around 8 months now, and it gives me immense pleasure to say that now I have become an experienced blogger.:D             I never thought when I started this blog in November, 2010 that I would have much to offer compared to the hundreds of other GIS bloggers out there. But today with more than 21,000 page views, more than 100 comments, more than 100 followers and several Like and +1s the response to this blog has been nothing short of amazing. Now the next target for me would be to cross 50,000 views.             At the end, I would  like to thank all visitors and members for making this blo...

Punjab cities to implement GIS...

            The Punjab government is all set to implement ultra modern GIS systems in 6 big cities of Punjab namely Amritsar, Ludhiana, Jalandhar, Patiala, Batinda and Pathakot to facilitate future planning, expansion and maintenance of civic infrastructure in these cities. The GIS will be implemented in these cities by October 31, 2011, which would be further implemented in other districts of the state.             Complete information of these cities will be available on the GIS which should prove beneficial and helpful during the preparation of "Master Plans" of these cities in the future. The satellite images of these cities will be taken which would later on be developed to form a large database. The maps that will be generated would provide detailed information on roads and rail networking along with exact locations of bus stops and railway stations. The maps will also s...

Happy Holi...

Wishing all the readers of Spatial Unlimited a very happy and a colorful Holi. May this Holi bring lo ads of joy and colors to your life!!!    

Jquery Mobile - Text formatted listview

    "The regular listview looks plain. I want to add a few other details in my list item." Have you also faced this requirement from your client? Well, for those who have and also for those who haven't yet, you can keep in mind that you can create a text formatted listview using JQM and design accordingly for your next project.     Let's take a look at the following example to understand how text-formatting can be achieved seamlessly.     As you can see in the HTML code above, to add text hierarchy, you need to use headings to increase font emphasis and use paragraphs to reduce the font emphasis.   Supplemental information like " Last update: April 9, 2013 " can be added to the right of each list item by wrapping content in an element like 'div' or 'p' with a of class ui-li-aside.     Now let's take a look at the CSS part. You will notice that I have included some CSS on id " no-ellipsis". If you have noticed, in the fi...