Thu, Dec 12

Wrapup

Today's objectives

An introductory look at more advanced web technologies - JavaScript, server-side programming, and content management systems.

• Client-side scripting: JavaScript
• jQuery
• jQuery example
• JavaScript tools
• Server-side scripting: PHP
  • Basics of PHP
  • Includes
  • Variables
  • Storing data
• Content management systems
• CMS example

Reading

About presentations.

Presentations

JavaScript

Content Management Systems

PHP

Agenda

Resources

1: Skeleton basics

See the Pen Untitled by Robert Currie (@rcurrie) on CodePen.

2: Skeleton responsive images

See the Pen Responsive images test by Robert Currie (@rcurrie) on CodePen.

3: CSS "sketching"

See the Pen CSS Sketching by Robert Currie (@rcurrie) on CodePen.

jQuery example - copy and paste into your editor and view in your browser.

jQuery lightbox example

Featherlight - a simple jQuery lightbox. https://noelboss.github.io/featherlight/. Make sure to understand where the files need to go, and how it links to your HTML in order to make it work.

Assignment

Samples

Simple JavaScript example

See the Pen JS Alert by Robert Currie (@rcurrie) on CodePen.

Better JavaScript example

See the Pen Less annoying JavaScript example by Robert Currie (@rcurrie) on CodePen.

Lightbox with Featherlight

See the Pen Simple lightbox with jQuery and featherlight by Robert Currie (@rcurrie) on CodePen.

Next steps in JavaScript

A complete look at JavaScript is well outside the scope of this class. If you are interested, JavaScript can be used on the client side - in the browser - or on the server side. Node.js is a widely-used server side language. You can also create desktop and mobile apps with it. In fact, the editor you have been using - Atom - is written primarily in JavaScript.

Need help?

Contact me - Slack is best.