Web Dev

In this step-by-step tutorial we create a simple Breakout game written entirely in pure JavaScript and rendered on HTML5 <canvas>. To get the most out of this series of articles you should already have basic to intermediate JavaScript knowledge. After working through this tutorial you should be able to build your own simple Web games. Step 1: Create the Canvas and draw on it Before we can start writing the game’s functionality, we need to create a basic structure to render the game inside.

What is PHP? PHP: Hypertext Preprocessor is a server-side scripting language that is used primarily for web development. The purpose of this programming language is to create fast paced dynamical web pages. Learn a bit about server side scripting before PHP: Actually scripting is another synonym for the program. This is some set of instruction which runs automatically when something runs. Server side means that these scripts are handled by the server rather than controlling the user’s computer.

The open nature of the World Wide Web presents incredible opportunities for people who want to create websites or online applications. To take full advantage of the web’s capabilities, you need to know how to use them.

Ever thought about building a blog, a company site, a portfolio site, documentation, a single landing page or a website with thousands of pages ? By the end of this article, you will be able to create one. Generally, you need to know HTML, CSS and some JavaScript to develop a website. But, for this, you don’t need much coding skills. You just need basic computer skills.

The main purpose of this article is to make sure that all basic HTML Elements are decorated with CSS so as to not miss any possible elements when creating new themes for Hugo.

Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I’ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won’t cover using CSS to style your theme. We’ll start with creating a new site with a very basic template.

Hugo uses the excellent Go html/template library for its template engine. It is an extremely lightweight engine that provides a very small amount of logic. In our experience that it is just the right amount of logic to be able to create a good static website. If you have used other template systems from different languages or frameworks you will find a lot of similarities in Go templates.

Step 1. Install Hugo Go to Hugo releases and download the appropriate version for your OS and architecture. Save it somewhere specific as we will be using it in the next step. More complete instructions are available at Install Hugo Step 2. Build the Docs Hugo has its own example site which happens to also be the documentation site you are reading right now. Follow the following steps: Clone the Hugo repository Go into the repo Run hugo in server mode and build the docs Open your browser to http://localhost:1313 Corresponding pseudo commands: