Angular Bootstrap Website V

The Angular Bootstrap Website V tutorial demonstrates how to move much of the logic and code introduced in the Angular Bootstrap Website IV tutorial. The idea is to tidy things up by moving all the logic out of the ‘html’ document and into the javascript document. First of all a PanelController is created. The PanelController…

Share!Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedInPin on PinterestShare on RedditShare on Tumblr

Angular Bootstrap Website IV

Angular Bootstrap Website IV leaves off from the previous three posts. Angular Bootstrap Website III Angular Bootstrap Website II Angular Bootstrap Website First of all here is the new website with a few changes made to display the drink products more clearly. See the Pen Angular Bootstrap Website IVOne by Daniel (@Parsons) on CodePen. On…

Share!Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedInPin on PinterestShare on RedditShare on Tumblr

Angular Bootstrap Website III

Angular Bootstrap Website III picks up from Angular Bootstrap Website II and Angular Bootstrap Website. First of all lets revise some Angular directives we used in the previous posts. <html ng-app=”store”> – ‘ng-app’ attaches the Application Module to the page <body ng-controller=”StoreController as store”> – ‘ng-controller’ attaches a Controller function to the page <h1 ng-show=”name”…

Share!Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedInPin on PinterestShare on RedditShare on Tumblr

Angular Bootstrap Website II

This Angular Bootstrap Website II follows on from the previous Angular Bootstrap Website posting. The first example is practically the same as the last example in the previous post however the three expressions are now placed in a table with headings. CSS styles for the table have been added as well ‘text-center’ classes from bootstrap…

Share!Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedInPin on PinterestShare on RedditShare on Tumblr

Angular Bootstrap Website

Angular.js is used to create dynamic websites. We will be building an Angular application with the Bootstrap framework. An Angular Bootstrap Website. Building an Angular front-end application is relatively simple. Angular helps organise javascript. Angular helps create fast websites. This first example shows a webpage with the Bootstrap link in the head section and the…

Share!Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedInPin on PinterestShare on RedditShare on Tumblr

Basic Sass First Tutorial

This is a basic sass first tutorial that introduces what sass is and what sass does. Sass stands for Syntactically Awesome Style Smeets. Yes another acronym. So clever! In fact what sass does is pretty amazing as it gives a web designer the tools to organise and arrange css styles. Sass needs to be installed…

Share!Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedInPin on PinterestShare on RedditShare on Tumblr

Basic php First Tutorial

A basic php first tutorial is worth studying. An understanding of what php is and the php syntax will come in handy when working with a CMS (content management system) like wordpress.org. These following links are worth reading. What is PHP? What can PHP do? Your first PHP-enabled page. Here are some embedded youtube videos…

Share!Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedInPin on PinterestShare on RedditShare on Tumblr

CSS Colour Syntax Options

There are four main css colour syntax options. name hex rgb hsl Here are four ‘div’ elements with a black background and white text color. Each div is styles using colour syntax corresponding to the class name of that div. See the Pen CSSColourSyntaxOptions1 by Daniel (@Parsons) on CodePen. CSS Named Colours The css named…

Share!Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedInPin on PinterestShare on RedditShare on Tumblr