Skip to content

nicoleweese/04-html-templating

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 

Repository files navigation

CF Lab 04: HTML Templating w/HandlebarsJS

HTML templating w/ Handlebars

Author: Nicole Version: 1.0.0 (increment the patch/fix version number up if you make more commits past your first submission)

Overview

This application dynamically generates articles on a web page. We use handlebars js to streamline the templating process so that each key value pair in the object will be filled out much more quickly and efficiently.

Getting Started

Create an index.html file which contains all the templating and scaffolding for the website, create CSS files for styling, create blogArticles.js files which contain all the article objects, create article.js file which handles the instantiating of objects and utilization of the Handlebars template, create articleView.js file which handles the showing and hiding of features on the page.

Architecture

We use HTML for content, utilizing Handlebars for their templating features. CSS is used for styling of the web page. Javascript for the logic and jQuery for dynamically filling the DOM.

Change Log

01-13-2018 09:00PM Cloned repository to computer. 01-13-2018 09:05PM Added script tags to HTML. 01-13-2018 09:20PM Created Handlebars Template. 01-13-2018 09:30PM Created toHTML function in Articles JS 01-13-2018 09:40PM Refactored functions. 01-13-2018 10:15PM Did debugging to figure out why filters were not working.

Credits and Collaborations

Handlebars documentation helped me build this application. http://handlebarsjs.com/

About

Lab 04 - HTML Templating

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 43.2%
  • HTML 34.2%
  • CSS 22.6%