Meta WCG

Top 10 Web Code Geeks posts for 2017

2017 is coming to its end, and it has definitely been a great year for Web Code Geeks. Our community continues to rapidly grow and attract web developers all over the world. Thank you for your support so far!

Our insiders list has also grown, and now our weekly newsletter reaches more than 40,000 web developers. Make sure to hop on the newsletter to enjoy the latest news in the web development world and more. You will also get several FREE programming ebooks, complimentary of Web Code Geeks. The books are on technologies like HTML5, jQuery, AngularJS, CSS, Bootstrap and Node.js.

We recently also launched our “Minibooks” section, offering cookbooks, whitepapers and e-books on a variety of technologies. Here are some that you are going to enjoy:

As with the Top 10 Web Code Geeks posts for 2015 and the Top 10 Web Code Geeks posts for 2016, we have created a compilation with the most popular posts for this year for your eyes only.

The ranking of the posts was based on the absolute number of page views per post, not necessarily unique.

So, let’s see in ascending order the top posts for 2017.

10) HTML5 Progress Bar Example
There are several possibilities for which we may use a progress bar in a web page. The most typical ones are for showing the download or upload state of a file. HTML5 introduced a native element for this, the tag progress. So, we don’t need any jQuery plugin or custom-complicated HTML in combination with CSS for showing a progress bar; the browsers are actually able to interpret natively an element showing a progress.

9) HTML5 Notification Example
In this example we are going to learn about HTML5 notification API.For this example we will use: – A computer with a modern browser installed.- notepad++.- Wamp Server: You can actually use any server, the most important thing is that your app has to be hosted on an http server or else HTML5 notifications will not work.

8) HTML5 Zoom Image Example
Zooming images is one useful technique every front end web developer should learn. You might need the knowledge in one of your projects. Zooming images can be tricky but after reading this article you would get the hang of it.In this example we would learn how to zoom images in HTML. For this example we will use:- A computer with a modern browser installed.- notepad++.

7) AngularJS Tutorial: Developing AngularJS Applications using VS Code
In the previous installment of this series, we talked about how to create a “Hello, World” AngularJS application using Plunker, which is itself written using Angular. While using Plunker may be good for quick prototyping and showing your achievements to others, you’ll be more productive by developing your code on your local computer. First, you can rely on an editor or IDE, which may offer syntax highlighting, code autocomplete and various analyzers to check the quality of your code; all this staff reduces the number of errors and allows you to explore the framework.

6) Debug PHP in Docker with PhpStorm and Xdebug
Xdebug is one of the most known PHP extensions, a very complete and powerful debugger. This tutorial will show you how to use it in combination with PhpStorm, probably the most used PHP IDE; and Docker, the archi-known contanerization software. This would allow us to simply write a Dockerfile with all the Xdebug configuration, and being able to easily deploy our Xdebug server anywhere.

5) AngularJs 2 Series: Deploy Your Application on AWS S3
In this article, I will demonstrate how to deploy a simple static Angular application on AWS cloud using S3 service. The article assumes that you have the necessary AWS account and able to access the S3 service. The application we are about to deploy will be simple and static in nature and there will be no server side code. For more complex application you could explore different deployment options. The S3 service of Amazon AWS is primarily used to host static website. We will deploy our Angular application that will be served as a static website using S3.

4) Docker Elasticsearch Tutorial
Elasticsearch is a document-oriented, schema-free, distributed search engine based on Apache Lucene. This powerful tool that allows to index a huge data volume and, after, perform complex searches on it, including full-text searches. This tutorial will show how to use it with Docker.For this tutorial, Linux Mint 18 and Docker version 1.12.1 have been used.

3) HTML5 3D Canvas Tutorial
One of the most expected features of HTML5 was the introduction of the canvas element, allowing to draw graphics on it. This tutorial will show how to draw 3D figures on it, but starting from the very beginning, in order to understand what we are actually doing. As it is an HTML example, we won’t need any web server or back-end language installed in our machine, just a web browser.

2) The Most Popular Programming Languages for 2017
It’s hard to believe that it’s already 2017. But with the new year comes new challenges, new opportunities—and, of course—new software projects. One of the most important questions beginner, intermediate, and advanced coders all have to answer before they begin their next project is which programming language to use. Instead of reaching for an old favorite, pause for a moment to consider the options. There are no perfect languages, so it’s important to take the time to understand the tradeoffs. 

1) Bootstrap Datepicker Example
In today’s article, we will be looking into how to get started quickly with Bootstrap’s datepicker, and explore a few of the different options, methods and events that are available. To follow this example, all you need is a text editor; I will be using Notepad++. 1. Introduction- 1.1. Date what?- If you’re building a website that at some stage, needs to allow the user to select one or several dates, then you’ll need to use what’s called a datepicker

So, that would be all! I hope you enjoyed this folks. Our top posts for 2017. We would love to see you around again and have your support and love in the year to come. If you haven’t done it already, subscribe to our newsletter for more web technologies updates!

Stay tuned for more Web Code Geeks surprises within the new year!

Happy new year everyone! From the whole Web Code Geeks team, our best wishes!

Be well,
Ilias

Ilias Tsagklis

Ilias is a software developer turned online entrepreneur. He is co-founder and Executive Editor at Web Code Geeks.
Subscribe
Notify of
guest

This site uses Akismet to reduce spam. Learn how your comment data is processed.

0 Comments
Inline Feedbacks
View all comments
Back to top button