Lectures for Information Technologies for Libraries and Information Agencies

• Exploring Web Design
• Getting started with web design (2:09)
• Exploring HTML (9:57)
• Exploring CSS (6:13)
• Exploring JavaScript (12:07)
  
• Learning to code (2:55)

• The Field of Web Design
• What is a web designer? (4:19)
• Is web design right for you? (3:23)
• Different areas of web design (5:39)
  

• Learning Web Design
• What to learn first (3:38)
• Standards and accessibility (5:31)
• The typical web design workflow (7:54)
• Learning HTML (3:58)
• Learning CSS (3:14)
• Learning JavaScript (4:18)
• Additional resources (6:02)

Note: Content of this LyndaCampus course has changed in a major and the earlier videos mentioned in Lec 1 - Intro are not available anymore.

Google Account: Site | Wikipedia

• Gmail
• Google Drive & Docs (will use in class)
• Google Analytics (will use in class)
• and other tools

Wiki in Plain English by Common Craft

Wiki: Wikipedia | Tools: MediaWiki | PBworks

Wikipedia is a Wiki: Wikipedia video by Common Craft

Wiki tool used in this class: PBworks

• PBworks Support for Educational Edition
• Create free Basic Edition PBworks Wiki

• Search for “Free Image Format Converter”"
• Google
• Format Converters
• Zamzar (need to provide email address)

• Search for “Free Image Editor”:
• Google
• Image Editors
• pixlr: free Browser based image editor (will use in class)
• PicMonkey (created by some Picnik developers)
• Gimp

• Search for “Free Audio Format Converter”:
• Google
• Format Converters
• Zamzar (need to provide email address)

• Search for “Free Audio Editor”:
• Google
• Audio Editors
• Audacity

• Search for “Free Video Format Converter”:
• Google
• Video Converters
• Zamzar (need to provide email address)

• Search for “Free Video Editor”:
• Google
• Video Editors
• Windows Live Movie Maker (desktop)
• Apple iMovie (desktop)

LITA Top Tech Trends Annual (2014 06/29/14)

• Library and Information Technology Association (LITA)
• Blog

• ALA TechSource
• Blog

• Introduction
  
• Welcome (0:57)
  
• Handling interface updates (1:00)

• Getting Started with Google Drive
  
• What can you do with Google Drive? (2:03)
• Accessing Google Drive with your account (1:36)
• Navigating the web interface (2:55)
• Understanding Google Drive file types (2:00)

• Working with Files
  
• Uploading files via the web (1:57)
• Uploading and syncing files with the desktop app (4:42)
• Converting files to Google Doc format (3:36)
• Downloading and printing files (2:19)
• Deleting and recovering files (1:40)
• Purchasing more storage space (1:26)

• Organizing and Searching Google Drive
  
• Working with folders (3:13)
• Changing the view and sort order (2:50)
• Using stars to group files (2:10)
  
• Searching files and folders (2:40)
• Using the preview lightbox to find your files (2:12)
  

• Working with Google Docs, Sheets, and Slides
  
• Navigating the interface (2:32)
• Using Google Docs (4:38)
• Using Google Sheets (4:03)
  
• Using Google Slides (4:22)

• Working with Forms
  
• Creating a form and adding questions (5:16)
• Viewing and analyzing form results (4:29)

• Working with Drawings
  
• Creating and editing a drawing (5:42)
• Inserting, exporting, and emailing drawings (1:30)
  

• Collaborating with Google Docs
  
• Sharing files with other Google users (4:22)
• Working with files that are shared with you (1:42)
• Working with revisions (2:08)
• Editing a file simultaneously with another Google user (1:30)
• Making and working with suggested edits (1:50)

• Using Google Drive on a Mobile Device
  
• Installing Google Drive on a smartphone or tablet (0:49)
  
• Navigating the Google Drive app (2:31)
  
• Working with files in the Google Drive app (2:10)

• Jing - simple recording and screen capture tool (free and pro versions)
• Tutorials
• Capture Image | Capture Video
• Share to Screencast.com
• Use free tool in this course
• Screencast.com - hosting site (free and pro versions)
• Tour | Help
• Will create free account to host screencasts
• MediaRoll Widget : How to | Customize
  

• Camtasia - recording and editing tool (fee based)
• Course video demos created using Camtasia.
• Other Screencasting Tools
• Screenflow (Mac)
• ProfCast (Win / Mac)
• Google for “Free Screencasting Tool”
• Tips
• Most Common Screencasting Mistakes

• SurveyMonkey (free + pro version)
• Help Center
• Tutorials: Design | Distribution | Analysis
• Use free tool in this course

• Search for “Free Survey Tool”
• Google

Google Docs in Plain English by Common Craft

Google Drive: Site | Wikipedia | Blog | Overview | Help

• Cloud storage, file sharing and collaborative editing service

Google Docs: Site | Wikipedia | Overview | Help

• Document
• Presentation
• Spreadsheet (use in class)

Google Gadgets: Site | Wikipedia

Google Charts

Google Maps

RSS in Plain English by Common Craft

RSS: Wikipedia | Digital Shift RSS

• News Readers
• Mozilla Live Bookmarks: Tutorial
• Feedly
• Personalized Start Pages
• Netvibes
• Food for Thought
• Building Information Dashboards, Radars, and Filters

• How to View Source Code in Browser
• IE: Page > View Source
• Firefox: Tools > Web Developer > Page Source
• Safari: View > View Source
• Chrome: Page > Developer > View Souce
  

Why XML? by Sunlight Foundation

Other Videos

• How to write a simple XML document: Tutorial
• Learn XML in 4min
• Just Enough XML to Survive

XML: Wikipedia

Key Concepts

• XML document is a string of characters. Almost every legal Unicode character may appear in an XML document.
• XML parser processes XML document
• Markup and Content: characters of XML document are divided into markup and content.
• Markup = begin "<" end with ">", or begin with "&" end with ";".
• Content = characters which are not markup.
• XML specification defines an XML document as a text which is well-formed if it satisfies list of syntax rules provided in specification.
• XML document may be valid.
• XML contains reference to Document Type Definition (DTD)
  A DTD is an example of a schema or grammar.

Tutorials

• XML Tutorial | XML-in-10-points
• DTD Tutorial

Metadata Universe Visualization by Jenn Riley at Indiana University provides overview of large number of metadata standards used in cultural heritage.

Metadata: Wikipedia

• Nine questions to guide you in choosing a metadata schema
• ALA TechSource Webinar: Directions in Metadata
  

Video for Fun: Oh Metadata!

20th Anniversary of the World Wide Web

World Wide Web: Wikipedia | Tim Berners-Lee | Web in Plain English

• Exploring Web Design
• Getting started with web design (2:09)
• Exploring HTML (9:57)
• Exploring CSS (6:13)
• Exploring JavaScript (12:07)
  
• Learning to code (2:55)

• The Field of Web Design
• What is a web designer? (4:19)
• Is web design right for you? (3:23)
• Different areas of web design (5:39)
  

• Learning Web Design
• What to learn first (3:38)
• Standards and accessibility (5:31)
• The typical web design workflow (7:54)
• Learning HTML (3:58)
• Learning CSS (3:14)
• Learning JavaScript (4:18)
• Additional resources (6:02)

Note: Content of this LyndaCampus course has changed in a major and the earlier videos mentioned in Lec 1 - Intro are not available anymore.

• Introducing HTML
• The importance of HTML (3:19)
• Basic HTML syntax (8:42)
• The Current state of HTML (5:54)
• HTML resources (5:28)
• Choosing a code editor (5:42)

• Basic Page Structure
• Exploring an HTML document (5:27)
• DOCTYPE declarations (4:00)
• The document head (6:11)
• The document body (3:58)
• Understanding content models (6:39)

• Formatting Page Content
• Formatting content with HTML (6:58)
• Using headings (7:50)
• Formatting paragraphs (5:35)
• Controlling line breaks (3:46)
• Emphasizing text (6:53)
• Displaying special characters (5:40)
• Controlling whitespace (3:37)
• Displaying images (7:08)
• Challenge: Formatting page content (10:32)
• Solution: Formatting page content (8:23)

• Structuring Content
• The value of structure (2:48)
• Controlling document outlines (10:40)
• The nav element (5:32)
• The article element (5:19)
• The section element (5:12)
• The aside element (4:56)
• The div element (6:04)
• Other semantic elements (9:39)
• Using WAI-ARIA roles (6:35)
• Challenge: Adding sectioning content (3:15)
• Solution: Adding sectioning content (5:30)

• Creating Links
• Exploring the anchor element (2:58)
• Linking to pages within your site 10:21)
• Linking to external pages (4:18)
• Linking to downloadable resources (5:19)
• Linking to page regions (9:46)
• Challenge: Creating links (3:49)
• Solution: Creating links (5:52)

• Creating Lists
• Unordered lists (6:05)
• Ordered lists (4:00)
• Definition lists (7:49)
• Challenge: Creating lists (4:18)
• Solution: Creating lists (4:28)

• Controlling Styling
• HTML and CSS (5:34)
• Creating inline styles (4:13)
• The style element (6:20)
• Controlling typography (11:58)
• Adding color (6:56)
• Externalizing styles (6:57)
• Challenge: Controlling basic styling (6:42)
• Solution: Controlling basic styling (5:59)

• Basic Scripting
• HTML and JavaScript (4:51)
• The script element (5:56)
• Writing a function (4:08)
• Using the DOM (6:30)
• Listening for an event (6:49)
• Responding to events (5:30)
• Externalizing JavaScript (5:15)

• Wikipedia: HTML | XHTML | HTML5

• Resources to Learn (X)HTML
• W3Schools
• HTML Goodies
• HTML Code Tutorial
• HTML 101

• Basics
• Hierarchy of Tags
• HTML Element
• Block Elements: <div>
• Inline Elements: <span>
• HTML Attributes
• id used to specify unique id for element
• class mostly used to point to CSS class
• Hyperlink
• Hyperlink tag: <a>
• Relative vs. Absolute links
• Table
• Table tags: <table> | <tr> | <td>
• Image
• Image tag: <img />

• Reference
• HTML Tags Reference
• HTML Special Characters Cheat Sheet

• Doctype
• W3C
• W3Schools

• Encoding
• Unicode
• UFT-8: dominant character encoding for files, e-mail, web pages and software that manipulate textual data.

• HTML Validation
• validator.w3.org

• How to View Source Code in Browser
• IE: Page > View Source
• Firefox: Tools > Web Developer > Page Source
• Safari: View > View Source
• Chrome: Page > Developer > View Souce

• Simple Code Editor for HTML, CSS, JavaScript & PHP coding
• NotePad++ (Windows)
• TextWrangler (Mac)
• Videos
• Using TextWrangler - Intro
• Using TW - Adv Part 1 | Using TW - Adv Part 2
• Info about Text / HTML Editors

• Free FTP Software
• Filezilla (Windows / Mac) Install Client software
• Screenshots
• Documentation
• Filezilla Portable (Windows / Mac)
• Easily Installs on USB drive, iPod, external hard drive, or any portable storage device.
• WinSCP (Windows)
• Fugu (Mac)
• CyberDuck (Mac)

• Permissions
• Types of Permissions
• Read : for being able to read the file/directory
• Write : for being able to write in the file/directory
• Execute : for being able to access the file/directory
• Who are Permissions set for?
• Owner : you
• Group : group you belong to
• Others : the rest of the world
  

XHTML

• Step 1 (1:32) Download startPage.html from Step-by-Step files for Week 4 and using Save As to create "ex2_page1.html".
• Step 2 (1:56) Create table.
• Step 3 (1:52) Create additionals rows in table using copy and paste and then customize.
• Step 4 (1:22) Create content such <h1>, <h2> and <p> tags.
• Step 5 (5:00) Insert image and have text flow text flow to right of image.
• Step 6 (1:34) Create navigation structure.
• Step 7 (10:36) Create "You are here" indicator; Upload files; Why is Image not showing?; Next steps & reminders.
• Validate (2:50) How to validate a page and interpret error messages.
  

HTML5

• Step 1: download startPage.html Step-by-Step files in HTML5 folder for Week 4 and using Save As to create "ex2_page1.html".
• Step 2 (5:55) Create table, Create CSS rules for font, table properties.
• Step 3 (1:50) Create additionals rows in table using copy and paste and then customize.
• Steps 4 + 5 (1:36) Create content, Insert image - for detailed demo see XHTML Steps 4-5.
• Steps 6 + 7 (3:05) Create navigation structure, Create "You are here" indicator - for demo how to upload files etc see XHTML Step 7.
• Validate (1:42) How to validate a page and interpret error messages.

• Google Analytics (4:36) How to create Tracking Code for site and install on page; see also Google Analytics (Lynda)

• Introducing HTML
• The importance of HTML (3:19)
• Basic HTML syntax (8:42)
• The Current state of HTML (5:54)
• HTML resources (5:28)
• Choosing a code editor (5:42)

• Basic Page Structure
• Exploring an HTML document (5:27)
• DOCTYPE declarations (4:00)
• The document head (6:11)
• The Document body (3:58)
• Understanding content models (6:39)

• Formatting Page Content
• Formatting content with HTML (6:58)
• Using headings (7:50)
• Formatting paragraphs (5:35)
• Controlling line breaks (3:46)
• Emphasizing text (6:53)
• Displaying special characters (5:40)
• Controlling whitespace (3:37)
• Displaying images (7:08)
• Challenge: Formatting page content (10:32)
• Solution: Formatting page content (8:23)

• Structuring Content
• The value of structure (2:48)
• Controlling document outlines (10:40)
• The nav element (5:32)
• The article element (5:19)
• The section element (5:12)
• The aside element (4:56)
• The div element (6:04)
• Other semantic elements (9:39)
• Using WAI-ARIA roles (6:35)
• Challenge: Adding sectioning content (3:15)
• Solution: Adding sectioning content (5:30)

• Creating Links
• Exploring the anchor element (2:58)
• Linking to pages within your site 10:21)
• Linking to external pages (4:18)
• Linking to downloadable resources (5:19)
• Linking to page regions (9:46)
• Challenge: Creating links (3:49)
• Solution: Creating links (5:52)

• Creating Lists
• Unordered lists (6:05)
• Ordered lists (4:00)
• Definition lists (7:49)
• Challenge: Creating lists (4:18)
• Solution: Creating lists (4:28)

• Controlling Styling
• HTML and CSS (5:34)
• Creating inline styles (4:13)
• The style element (6:20)
• Controlling typography (11:58)
• Adding color (6:56)
• Externalizing styles (6:57)
• Challenge: Controlling basic styling (6:42)
• Solution: Controlling basic styling (5:59)

• Basic Scripting
• HTML and JavaScript (4:51)
• The script element (5:56)
• Writing a function (4:08)
• Using the DOM (6:30)
• Listening for an event (6:49)
• Responding to events (5:30)
• Externalizing JavaScript (5:15)

• Introduction
• Welcome (0:55)
• What is Google Analytics? (3:15)
• How does Google Analytics work? (2:58)
• Key definitions (6:14)

• Getting Started
• An overview of accounts (2:54)
• Creating your account (5:31)
• Installing your tracking tag (4:32)
• Setting account properties (8:12)

• Core Concepts
• Understanding reports (3:55)
• A look at sources (2:45)
• Metrics and dimensions (4:39)

• Navigating the Interface
• Exploring the interface (5:11)
• Configuring a date range (3:58)
• Using annotations (2:30)
• Interacting with graphs (4:37)
• Using the data table (6:59)

• Using Reports
• What is segmentation? (6:33)
• Setting up basic filters (5:03)
• Setting up OR vs. AND filters (2:44)

• Audience Reports
• What are audience reports? (5:52)
• Looking at your audience overview (4:16)
• Audience demographics and interests (3:51)
• Geographical data (5:00)
• Using the behavior report to see engagement (4:25)
• Using the technology report to see devices used on-site (4:03)

• Acquisition Reports
• What are Acquisition reports? (4:08)
• Acquisition Overview report (5:02)
• Viewing the All Traffic report by channels (8:41)
• Viewing the All Traffic report by source and medium (7:49)
• Exploring referral traffic within the All Traffic report (4:34)

• Social Reports
• Social reports overview (4:50)
• Network referrals (2:12)
• Tracking shared content with the Landing Pages report (2:23)
• Measuring the value of social with the Conversions report (3:18)

• Search Engine Optimization Reports
• Overview on SEO reports (5:13)
• Reviewing queries or keywords (3:26)
• Reviewing landing pages (2:28)

• Behavior Reports
• Behavior reports at a glance (5:15)
• Using Site Content reports (4:45)
• Review site speed (5:57)

• Tracking Events
• A closer look at event tracking (2:21)
• Reviewing event reports (1:56)

• Conversion Reports
• Configuring goals (9:29)
• Exploring goal reports (4:29)

• Additional Features
• Emailing reports (2:09)
• Real-time data (2:40)
• Adding custom campaign tracking (5:35)
• Creating and customizing dashboards (5:16)
• Audit analytics with tag assistant New (9:37)

• Doctype
• W3C
• W3Schools

• Encoding
• Unicode
• UFT-8: dominant character encoding for files, e-mail, web pages and software that manipulate textual data.

• Table
• Table tags: <table> | <tr> | <td>

• Hyperlink

• Hyperlink tag: <a>
• Relative vs. Absolute links

• Image
• Image tag: <img />
  

More Videos: Google Analytics Channel on YouTube

Google Analytics: Site | Wikipedia | Blog | Support

• Training: Free comprehensive training in Google Analytics
• Will use Google Analytics in project site
• Sign Up
• Getting Started
• Installing Tracking Code | Using traditional tracking code

• CSS Basics
• What is CSS? 3m 26s
• Default browser styles 3m 38s
• Syntax 2m 46s
• Basic selector types 5m 24s
• How CSS works with HTML structure 4m 52s
• Authoring options 2m 41s
• How browsers apply styles 6m 5s
• Browser rendering differences 4m 35s

• CSS Resources
• Using frameworks and grids (5:12)
• Popular frameworks (3:23)
  

• Common CSS Concepts
• Working with fonts (4:53)
• Formatting text (8:02)
• What is the box model? (4:51)
• Margins and padding (4:21)
• Borders (4:09)
• Backgrounds (5:08)
• Color (5:52) InfoTech
• Common units of measurement (7:39)
• Element positioning (7:05)
• Floats (4:49)
• Basic layout concepts (5:13)
• Media types and media queries (5:48)
• What is CSS3? (6:15)
• Vendor prefixes (4:49)
• What is a CSS Reset? (5:46)

• HTML5 and Semantics
• What are web semantics? (2:10)
  
• Semantic HTML5 (3:57)
• HTML5 content models (5:40)
  

• HTML5 Document Structure
  
• Structuring HTML5 documents (5:01)
  
• Defining HTML5 documents (3:46)
  
• Supporting legacy browsers (4:16)
  
• Organizing content (4:26)
  
• Creating document sections (7:44)
  
• Identifying the main content (2:17)
  
• Using headings properly (8:51)
  
• Building navigation (3:56)
  
• Properly nesting structure (6:32)
  
• Structuring headers (7:33)
  
• Structuring footers (4:11)
  
• Checking document structure (4:01)
  
• Sectioning roots (3:07)
  

• Grouping Content with HTML5
• Working with figure and figcaption (6:52)
  
• Grouping content with asides (6:55)
  
• Using divs in HTML5 (5:26)
  
• Working with lists in HTML5 (7:28)
  
• Emphasizing text correctly (8:21)
  
• Citing works semantically (8:17)
  
• Using the address element (5:55)
  
• Using the small element (3:56)
  
• Using the mark element (5:12)
  
• Working with date and time (10:09)
  
• Defining link relationships (7:47)
  

• Extending Meaning
• Writing comments (5:15)
  
• Working with meta tags (7:05)
  
• Using class and ID attributes (10:37)
  
• Using ARIA landmark roles (7:27)
  
• Introducing microformats, microdata, and RDFa (6:34)
  
• Using microdata (7:06)
  
• Nesting rich data (5:34)
  
• Checking page semantics (6:09)
  

• Conclusion
• Additional resources (2:39)
  

• Hierarchy of Tags
• HTML Element
• Block Elements: <div>
• Inline Elements: <span>

• HTML Attributes
• id used to specify unique id for element
• class mostly used to point to CSS class; also used by JavaScript (via the HTML DOM)

• CSS: Wikipedia | Why | What | Where to Store
• Resources to Learn CSS
• CSS 101
• W3Schools
• Interactive Examples
  
• Setting up Background Color of Page
• Set Image as Background of Page
  
• Fixed background image (image will not scroll with rest of the page)
• Complex Background Example
  
• Text Elements Properties
  
• Setting Border around paragraphs
  
• Setting Margins
  
• Floating Image
  
• Design Webpage
  
• CSS Zen Garden
• Dynamic Drive CSS Library
• Maxdesign
  

• Other Resources
• CSS Reference
• Cascading Style Sheet Videos

• CSS Validation
• W3C CSS Validator

• HTML5
• HTML5 Specifications
• W3School
• HTML5 Intro | HTML5 Reference
• HTML5rocks
• Tutorials | Demos | Resources
• 9_Websites_to_Learn_HTML5_Basics
• HTML5 Readiness

• CSS3
• W3School
• CSS3 Intro | CSS3 Reference
• Dynamic Drive CSS3 Demos

• Design Considerations
• Page design workflow (3:06)
• Determining page structure (7:18)
• Creating image assets (8:58)
• Creating initial page structure (7:03)
• Adding meaning with classes and IDs (5:23)
• Structuring content with HTML5 (6:06)
• Building internal structure (10:25)

• Layout Basics
• Box model review (8:47)
• Calculating element dimensions (11:11)
• Understanding margin collapse (7:59)
• Calculating em values (7:41)
• Calculating percentage values (7:51)
• Normal document flow (13:03) CSS code to use to make HTML5 tags understandable to older browsers.
• Controlling element display (8:53)
  
• Using CSS Resets (7:11)
• Fixed, fluid, and responsive layouts (9:09)

• Working with Floats
• Floating elements (7:50)
• Clearing floats (7:28)
• Containing floats (7:50)
• Clearfix technique (10:38)
• Floating inline elements (14:34)
• Two-column floated layouts (8:17)
• Three-column floated layouts (11:30)
• Column height considerations (7:03)
• Creating equal-height columns (10:42)
• Floats: Lab (5:25)
• Floats: Solution (5:21)

• Positioning Elements
• Relative positioning (7:59)
• Absolute positioning (8:59)
• Fixed positioning (4:23)
• Controlling stacking order (8:31)
• Clipping content (8:21)
• Controlling content overflow (5:38)
• Positioning elements: Lab (3:59) 
• Positioning elements: Solution (3:52)

• Building Fixed Layouts
• Design considerations for Fixed Layouts (3:28)
• Establishing the layout grid (7:57)
• Defining column spacing (9:30)
• Applying the grid through CSS (8:56)
• Creating grid-based assets (8:26)
• Grid design resources (6:22)
• Building fixed layouts: Lab (4:07)

• Building Flexible Layouts
• Building Flexible Layouts (2:30)
• Calculating percentage values (8:45)
• Setting flexible width values (6:06)
• Making images flexible (8:10)
• Setting minimum and maximum widths (7:24)
• Building flexible layouts: Lab (4:53)
• Building flexible layouts: Solution (6:47)
  

• Building Responsive Layouts (optional)
• Responsive layout overview (3:49)
• Using media queries (7:16)
• more videos avaibale on LyndaCampus site.

Slideshare presentation by Amit Tyagi

• CSS Cascade
• Inheritance (html hierarchy matters; many properties inherited by descendants of elements) example
• Specificity (the more specific the selector, the stronger the rule) example
• Location (rule that appears later wins) example

• Key Concepts
• Constructing Complex Selectors
• Box Model
• Floating Element
• Absolutely Positioned Element
• Center Element
• CSS Properties
• position | Learn CSS Positioning in 10 Steps
• z-index
  

• A Few Web Design Resources
• 10 Principles Of Effective Web Design
• Common Sense Web Design with Steve Krug
• The 555 Multimedia Production course focuses in more depth on web design principles.
  

• Debug: Easy Things to Check First
• Be careful about typos.
  
• Upload file in the correct location
  
• Make sure spelling of URL = spelling of filename.
  
• XHTML is case-sensitive.
  
• CSS
• Use colon (:) to separate your properties from value (color: red;).
• Complete each property-value pair with semicolon (;)
  
• No spaces between number and their units (16px).
  
• Still Stuck, then check for typos and easy stuff first :)
  

• Resources - CSS Navigation

• HTML Tags | CSS Properties
• unordered list <ul> | list item <li>
• CSS display property
• CSS overflow property
• Hyperlink <a> tag and CSS Selectors: :link | :visited | :focus | :hover | :active

• Tutorials
• W3Schools - CSS Navigation Bar
• Turning List into Navigation Bar
• 30 CSS Navigation Techniques
• 22 CSS / jQuery Navigation Techniques
  

• Getting Started
• Introduction to JavaScript (8:06)
• Creating your first JavaScript (2:13)
• Getting to know the tools and applications (5:22)

• Core JavaScript Syntax
• Understanding the structure of JavaScript code (7:09)
• Where to write your JavaScript (3:56)
• Creating variables (6:21)
• Working with conditional code (5:44)
• Working with operators (13:28)
• Sending messages to the console (2:59)
• Working with loops (8:01)
• Creating functions (8:30)

• Types and Objects
• Working with arrays (7:57)
• Working with numbers (6:13)
• Working with strings (8:27)
• Working with dates (5:38)
• Working with objects (7:58)

• Understanding the Document Object Model
• What is the DOM? (5:49)
• Working with nodes and elements (3:17)

• Working with the Document Object Model
• Accessing DOM elements (11:03)
• Changing DOM elements (5:42)
• Creating DOM elements (8:32)

• Working with Events and Event Listeners
• Introduction to JavaScript event handling (8:16)
• Working with onClick and onLoad events (7:36)
• Working with onBlur and onFocus events (2:36)
• Working with timers (6:17)

• Debugging JavaScript
• Common JavaScript errors (7:14)
• Using Firebug (4:07)
• Going through a debugging session (10:20)

• Building Smarter Forms
• Accessing form elements (4:20)
• Preventing a form from being submitted (2:36)
• Hiding and showing form sections (3:17)

• UI Enhancement
• CSS and JavaScript (3:46)
• Removing and applying CSS classes (2:16)
• Changing inline styles (3:47)

• JavaScript Best Practices
• Understanding JavaScript style (7:39)
• Minifying your code (4:28)
• Using JavaScript code checkers (7:37)

• JavaScript Libraries
• Introduction to JavaScript libraries (3:17)
• Linking to multiple JavaScript files (2:11)
• Introduction to jQuery (12:07)
• Using a content distribution network to deliver JavaScript files (4:49)

• JavaScript and HTML5
• JavaScript in HTML5 (9:37)
• Using Modernizr (3:02)
• Using Strict Mode (4:56)

• Advanced JavaScript Features
• Knowing the JavaScript to avoid (6:35)
• Introduction to regular expressions (6:56)
• Working with AJAX (10:44)
• Working with objects and prototypes (8:48)

• Putting It All Together
• Example: Countdown (8:03)
• Example: Resize (5:47)
• Example: Accordion (7:20)

• Dynamic Web
• JavaScript (client-side scripting language)
• PHP (server-side scripting language): PHP software
• MySQL (relational database management system): MySQL software
• Apache (server software): Apache Software Foundation
• Related Content
• AJAX Programming (Asynchronous JavaScript and XML)
• Web 2.0
  

• Programming
• Data Types: such as numbers, text, boolean (true, false)
• Integer | Boolean | Character | String | Floating-Point
• Array: use FOR loop to examine each array item
• Variable: is way to symbolically to refer to data content
• Operators: can be used to perform built-in operations, such as addition (5 + 5, where + is addition operator)
• Statement: combination of variables, operators and data
• Function: collection of statements to perform specific task
• Control Flow of operations (statements, functions) being performed
• Conditional Programming used so that operations are performed only if certain condition is met:
• IF test (only do something if certain condition is true)
• FOR loop (keep doing something only if certain condition is true)
• WHILE loop (keep doing something until certain condition not true anymore)
• Debugging code is essential part of programming ... chasing typos, missing parentheses :)
• Food for Thought
• Poetics of Coding
• Language and Metaphor
  

• JavaScript
• Tutorials
• W3School: JavaScript Tutorial
• JavaScriptKit: Tutorials | Getting Started Primer
• Document Object Model (DOM) allows programs and scripts to dynamically access and update the content, structure and style of documents
• W3Schools: DOM Reference | JavaScriptKit: DOM Reference
  
• DOM Tutorial
• DOM Examples
• Finding Scripts
• W3School: JavaScript Examples
  
• JavaScriptKit: Examples
• Reference
• W3School: JavaScript Reference
• JavaScriptKit: Reference
  

• Basic Scripting
• HTML and JavaScript (4:51)
• The script element (5:56)
• Writing a function (4:08)
• Using the DOM (6:30)
• Listening for an event (6:49)
• Responding to events (5:30)
• Externalizing JavaScript (5:15)

• HTML Forms
• W3School: Forms
• Creating Accessible Forms
• Web Forms -Dive into HTML5

• JavaScript for Form Validation
• W3School: Form Validation
  
• JavaScriptKit: Form Validation
• Webcheatsheet: Form Validation

JavaScriptTeacher Videos: Basics (shown above) | Variables | Input | Functions

• JavaScript
• Form Validation
• W3School: Form Validation
  
• JavaScriptKit: Form Validation
• Webcheatsheet: Form Validation
• Finding Scripts
• W3School: JavaScript Examples
  
• JavaScriptKit: Examples
• Reference
• W3School: JavaScript Reference
• JavaScriptKit: Reference

• Understanding Databases
• What are databases? (7:41)
• Exploring databases and database management systems (4:09)

• Database Fundamentals
• The features of a relational database (4:03)
• Exploring unique values and primary keys (3:34)
• Defining table relationships (5:33)
• Describing many-to-many relationships (6:32)
• Transactions and the ACID test (4:17)
• Introduction to Structured Query Language (SQL) (3:43)

• Database Modeling: Tables
• Introduction to database modeling (2:39)
• Planning your database (5:45)
• Identifying columns and selecting data types (7:43)
• Choosing primary keys (1:45)
• Using composite keys (2:04)

• Database Modeling: Relationships
• Creating relationships (2:38)
• Defining one-to-many relationships (5:50)
• Exploring one-to-one relationships (3:30)
• Exploring many-to-many relationships (4:55)
• Understanding relationship rules and referential integrity (4:22)

• Database Modeling: Optimization

• Understanding normalization (2:03)
• First normal form (4:05)
• Second normal form (4:29)
• Third normal form (4:34)
• Database denormalization (4:00)

• Database Modeling: Querying
• Creating SQL queries (5:34)
• Structuring the WHERE clause (6:24)
• Sorting query results (2:37)
• Using aggregate functions (4:49)
• Joining tables (6:54)
• Inserting, updating, and deleting (6:43)
• The data definition language (4:50)

• Database Modeling: Indexing and Optimization
• Understanding indexes (9:24)
• Understanding write conflicts (9:05)
• Understanding stored procedures and injection attacks

• Database Options
• Desktop databases (5:13)
• Relational database management systems (6:29)
• Object-based and XML-based databases (4:03)
• NoSQL databases (8:59)

• Relational Database
• Terminology
• Record = a collection of related fields
• Table = a collection of related records
• Each record is one row in the table
• Each field is one column in the table
• Database = a collection of tables
• Primary Key = field that uniquely identifies a record
• Database Normalization

• SQL = Structured Query Language
• MySQL: Site | Wikipedia | Why | Documentation
• W3Schools Intro
• Specific Chapters in Documentation
• Data Types
• Functions
• SQL Statement Syntax
• Specify Database to Use: USE
• Create Table: CREATE TABLE
• Describe Table: DESCRIBE
• Add Data to Table: INSERT
• Add Column to Table: ALTER TABLE
• Query Database: SELECT
• Replace Row: REPLACE
• Delete Table: DROP TABLE
• MySQL Workbench: Site | Wikipedia | Documentation
• Resources
• MySQL Workbench Tutorial

• PHP Overview
• What is PHP? (3:52)
• The history of PHP (2:51)
• Why choose PHP? (4:10)
• Installation overview (4:13)

• First Steps
• Embedding PHP code on a page (6:43)
• Outputting dynamic text (5:55)
• The operational trail (2:27)
• Inserting code comments (4:07)

• Exploring Data Types
• Variables (7:50)
• Strings (4:38)
• String functions (8:54)
• Numbers part one: Integers (6:27)
• Numbers part two: Floating points (5:25)
• Arrays (10:00)
• Associative arrays (6:37)
• Array functions (6:33)
• Booleans (3:50)
• NULL and empty (5:15)
• Type juggling and casting (8:27)
• Constants (4:43)

• Control Structures: Logical Expressions
• If statements (6:00)
• Else and elseif statements (4:16)
• Logical operators (7:30)
• Switch statements (9:51)

• Control Structures: Loops
• While loops (8:41)
• For loops (5:59)
• Foreach loops (8:16)
• Continue (8:28)
• Break (4:08)
• Understanding array pointers (6:43)

• User-Defined Functions
• Defining functions (8:25)
• Function arguments (5:32)
• Returning values from a function (7:33)
• Multiple return values (4:53)
• Scope and global variables (6:02)
• Setting default argument values (5:00)

• Debugging
• Common problems (3:47)
• Warnings and errors (8:36)
• Debugging and troubleshooting (7:55)

• Building Web Pages with PHP
• Links and URLs (5:33)
• Using GET values (5:35)
• Encoding GET values (8:41)
• Encoding for HTML (9:26)
• Including and requiring files (7:40)
• Modifying headers (6:45)
• Page redirection (6:43)
• Output buffering (7:34)

• MySQL Basics
• MySQL introduction (6:43)
• Creating a database (7:41)
• Creating a database table (7:42)
• CRUD in MySQL (5:48)
• Populating a MySQL database (7:32)
• Relational database tables (6:40)
• Populating the relational table (6:33)

• Using PHP to Access MySQL
• Database APIs in PHP (4:51)
• Connecting to MySQL with PHP (7:45)
• Retrieving data from MySQL (8:47)
• Working with retrieved data (6:12)
• Creating records with PHP (6:58)
• Updating and deleting records with PHP (9:06)
• SQL injection (3:05)
• Escaping strings for MySQL (6:45)
• Introducing prepared statements (2:35)

• PHP: Site | Wikipedia | Documentation
• Resources to Learn PHP
• W3Schools
• php.net Tutorial

• PHP Language Reference
• Predefined Variables:
• $_POST
• Data Types
• Strings: single quoted | double quoted (variable will be evaluated and its value included in string)
• Array
• Variables
• Basics ($variable_name)
• Operators
• Arithmetic | ++/-- | Logical | String | Array
• Control Structures:
• Intro
• IF test: if | else | elseif
• FOR loop: for | foreach (easy way to iterate over arrays)
• MySQL functions in PHP
• Connect to Database: mysql_connect
• Select Database: mysql_select_db
• Formulate SQL query string (= $query)
• Send Query: mysql_query to return results (=$result)
• Number of Rows in results: mysql_num_rows
• Contents of One Cell from results: mysql_result (slow way to access data in results)
• Fetch Next Row in results: mysql_fetch_row (more efficient way to access data in results)

• Process of using MySQL with PHP:
• Step 1: Connect to MySQL
  mysql_connect
• Step 2: Select database to use
  mysql_select_db
• Step 3: Create query string
  $query = "SELECT * FROM tablename";
• Step 4: Perform query
  $result = mysql_query($query);
• Step 5: Retrieve results and output it to a web page
• $rows = mysql_num_rows($result);
• $row = mysql_fetch_row($result);
• Repeat Steps 3 to 5 until all desired data retrieved.

• CSS with PHP
• Define CSS class in style tag inside of head tag (or external CSS file)
• Need to escape \ the quotation marks used to refer to id or class names inside of PHP
  echo '<div class=\'resultStyle\'>';
• Remember to have closing tag </div>

• Troubleshooting Tips - watch out for:
• Spelling Errors
• Filename Errors
• Missing Closing " or ) or }
• Missing ;
• Missing Permissions
• Saved in Wrong Location on Server
• Check Easy Things First

• Introduction
• Welcome (1:01)
• What's new in WordPress 4.0 (10:32)
• What's new in 4.1 (6:00)

• Getting to Know WordPress
• What is WordPress? (3:49)
• Setting the language of your WordPress installation (4:57)
• WordPress, WordPress.com, and WordPress.org: What is the difference? (3:07)

• Getting Started with WordPress
• Installing and running WordPress (2:19)
• Accessing your WordPress site (2:20)
• Using the WordPress Dashboard (8:10)
• Using the WordPress toolbar (4:29)

• Creating Posts
• Understanding the difference between posts and pages (4:04)
• Creating a new post (9:57)
• Using categories and tags (8:19)
• Advanced text formatting (9:32)
• Creating and managing links (7:07)
  
• Adding images (9:36)
• Adding an image gallery (9:59)
• Using Featured Image (3:08)
• Adding images fro:external sources (7:30)
• Adding media fro:YouTube and other services through oEmbed (5:01)
• Comparing and restoring old versions with Revisions (4:47)
• Publishing posts (7:02)
• Using the More tag and excerpts (4:36)
• Defining post formats (4:43)

• Creating Pages
• Creating a basic page (5:19)
• Using page templates (3:52)
• Organizing page hierarchy (2:10)

• Managing Content
• Navigating the Dashboard index pages (7:40)
• Using Quick Edit (2:22)
• Using Bulk Edit (4:20)
• Understanding how WordPress handles media content (8:02)
  

• Changing the Appearance of Your Site
• Selecting and changing themes (4:57)
• Using the Theme Customizer (7:39)
• Using a custom header image (4:59)
• Creating custom menus (7:27)
• Using widgets (8:04)
• Changing the front page from a blog view to a static page (4:50)
• Installing themes from the WordPress Theme Directory (5:28)
• Installing custom themes (3:02)
• Making sure your WordPress site is mobile-ready (3:34)
  

• Extending WordPress with Plugins
• Installing plugins (10:21)
• Creating a contact page (4:46)
• Adding social media sharing buttons with AddThis (5:16)
• Learn more about plugins (1:52)

• Profiles, Users, and Settings
• Editing your user profile (8:51)
• Creating a Gravatar profile (4:09)
• Adding and managing users (5:59)
• Understanding user levels (6:28)
• Configuring general settings (9:17)

• Getting Readers
• Creating user-friendly permalinks (5:31)
• Configuring comment settings (7:44)

• Managing comments (5:54)
• WordPress behind the Curtain
• Understanding how WordPress works (5:40)
• Back-end management of themes, plugins, and other assets (7:21)

• Maintenance and Security
• Keeping up to date (6:20)
• Must-have security plugins (5:13)
  
• Troubleshooting a site crash (9:10)

• Diving Further into the World of WordPress
• Exporting and importing content from other sites (6:24)
• Going further with WordPress: Creating themes and plugins (2:50)

• Introduction
• Welcome (1:05)
• Using the exercise files (1:19)
• Understanding Joomla! (6:45)
• Planning your website (3:10)
• Understanding Joomla's release cycle and versions (5:37)

• Installing Joomla!
• Understanding the installation process (1:48)
• Running Joomla! locally vs. running Joomla! on a web host (2:56)
• Web hosting overview (3:57)
• Installing Joomla! 3.0 (17:45)
• Restoring the site from a backup using the jump-in files (7:37)

• A General Overview of Joomla!
• A quick tour of the Joomla! interface (8:39)
• Exploring responsive design in Joomla! (4:28)
• Modifying the global configuration (9:39)
• Using the Media Manager (8:42)
• Creating content in Joomla! (1:32)
• Creating Categories
• Creating categories for your site (7:34)
• Publishing, unpublishing, and trashing categories (5:01)

• Creating Articles and Basic Formatting
• Creating individual articles (3:39)
• Formatting articles (9:33)
• Adding an external link (3:28)
• Adding article images (5:04)
• Using Read More (4:17)
• Exploring featured articles and pages (3:14)
• Publishing, unpublishing, and trashing articles (5:30)

• Creating Menus for Your Site
• Understanding and configuring menus (2:52)
• Linking an article to the menu (4:10)
• Understanding parent and children menu items (4:05)
• Configuring Category Blogs (3:23)
• Advanced Category Blog configuration (8:44)
• Configuring Category Lists (3:16)
• Advanced Category List configuration (5:57)
• Creating a featured blog for the News page and configuring the homepage (10:19)
• Publishing, unpublishing, and trashing menu items (4:58)
• Creating a new menu and a login link, and displaying the menu in the footer (5:02)
• Creating menu aliases (3:28)
• Reordering menu items (2:04)
• Adding products, moving the main menu, and configuring a dropdown menu (8:45)
• Configuring secondary navigation (9:04)

• Advanced Article Formatting
• Linking to a PDF or other document (4:46)
• Dividing and formatting long articles using page breaks and the Pagebreak plugin (6:57)
• Customizing which HTML tags are permitted by changing the text filter in Joomla! (6:36)
• Adding a YouTube video to an article (2:55)
• Using article-specific images and links (8:45)
• Styling images with bootstrap classes (7:31)

• Setting Display Options
• Setting global configuration options for articles (8:49)
  
• Setting menu display options (3:06)
  
• Comparing page headings, article titles, and browser page titles (3:29)
  
• Turning off the homepage heading (3:29)
  
• Configuring the back-end and front-end article administrator screens and options (7:01)

• Using Modules
  
• Configuring modules (3:25)
  
• Creating a search module (6:27)
  
• Creating a custom HTML module (3:56)
  
• Modifying the breadcrumb module (3:40)
  
• Creating a random image module (4:00)
  
• Including a module in an article using loadposition (4:07)
  
• Exploring administrator modules and turning on the Joomla! version (4:29)

• Using Components
  
• Using the content component (2:19)
  
• Using the contact component (5:45)
  
• Formatting the contact page (3:34)
  
• Configuring CAPTCHA for a form (5:08)
  
• Creating a contact list (4:35)
  
• Formatting the contact list (3:20)
  
• Using the weblinks component (8:56)
  
• Using the redirect component (4:27)

• Using Templates
  
• Changing the look of the site using templates (1:44)
  
• Setting the default template style and assigning template styles (9:38)
  
• Creating new template styles (2:40)
  
• Adjusting template masters with the HTML and CSS editors (5:02)
  
• Adding an editor.css style sheet for access to certain classes in TinyMCE (7:25)
  
• Introducing the Hathor admin template (5:23)
  
• Customizing the Isis admin template (5:25)
  
• Working with Joomla! templates from third-party providers (3:21)

• Creating a Website with Multiple Languages
• Multilanguage site overview and configuration (1:23)
• Downloading and installing the Italian language pack (3:30)
• Creating the Italian content language (3:10)
• Adjusting category structures for multiple languages (3:38)
• Creating Italian language articles and adjusting English articles (2:53)
• Creating the English menu and a universal homepage (6:35)
• Changing menu modules on the site (1:41)
• Creating the Italian menu (3:12)
• Creating Italian and English template styles (2:40)
• Creating the language switcher module (1:21)
• Enabling the Language Filter system plugin (7:40)
• Debugging with the multilanguage status module (3:49)
• Turning off WAMP error reporting (3:00)

• Access Control List (ACL) Essentials
• Introduction to ACL (2:15)
• Exploring default groups in Joomla! (4:28)
• Creating a user (8:29)
• Exploring default access levels (3:09)
• Configuring content for users behind a login (6:42)
• Configuring content for guest access (4:44)
• Configuring user registration and user options (7:07)
• Configuring a logout button (4:15)
• Configuring a better login screen and adding an Edit Profile button (5:57)
• Extending user profiles (6:10)
• Working with user notes (2:47)

• Extending Joomla! 3
• Evaluating extensions in the Joomla! Extensions Directory (9:04)
• Installing and creating a backup with Akeeba Backup (7:15)
• Installing and creating a site map with Xmap (6:25)
• Upgrading extensions (4:16)

• Launching Your Site and Beyond
• Preparing a site for launch (3:54)
• Launching a site (9:36)
• Placing a site in offline mode and changing the offline image (3:40)
• Thinking about site maintenance and front-end editing (3:55)
• Understanding the importance of backups and coordinating backups with a web host (2:50)
• Updating your Joomla! site and the Joomla! update notification (7:53)

• Joomla! 3.0.2 Update
• Working with language overrides (4:31)
• Working with multilingual associations (4:36)

• Joomla! 3.1.5 Update
• Upgrading your site to Joomla! 3.1.5 (New) (11:03)
• Upgrading your Joomla! extensions (New) (6:47)
• Introducing tagging (New) (5:19)
• Displaying tagged items on the menu (New) (6:11)

• Introduction
  
• Welcome (0:56)
• Getting a Drupal site up fast (4:37)
• Using the exercise files (4:56)

• Defining Drupal
• Managing content with Drupal (6:00)
• Comparing Drupal with other content management systems (6:24)
• Deciding whether to use Drupal (5:04)
• Looking at Drupal-built sites (3:20)
• Exploring the Drupal universe (7:07)
• Getting help with Drupal issues (7:23)

• Understanding How Drupal Works
  
• Checking Drupal's requirements (4:34)
• Investigating Drupal's inner workings (2:54)
• Learning Drupal's basic workflow (5:24)
• Understanding key terms in Drupal (4:39)
• Touring Drupal's interface (4:47)

• Installing Drupal on Mac OS X or Windows
  
• Installing Acquia Dev Desktop (3:19)
• Importing core Drupal into DAMP (3:03)
• Running Drupal's installer on top of DAMP (4:57)

• Installing Drupal on a Server
  
• Uploading Drupal with SFTP (4:56)
• Uploading Drupal with SSH (7:42)
• Creating Drupal's MySQL database 3:32)
• Running Drupal's installer (3:45)
• Installing Drupal using Acquia's Debian/Ubuntu package (3:25)

• Controlling Drupal
  
• Using the toolbar (5:31)
• Using the shortcut bar (6:04)
• Touring the administrative controls (4:48)
• Customizing the Dashboard (3:47)
• Differentiating administrator and visitor views (2:04)

• Building a Drupal Site
  
• Understanding nodes (2:06)
• Creating basic content (7:48)
• Changing site information, graphics, and interface (5:27)
• Giving visitors a way to contact you (7:12)

• Controlling Content
  
• Creating content summaries (5:53)
• Revising content (4:29)
• Categorizing content with tags (4:28)
• Going further with content categories (7:23)
• Publishing content via RSS (6:52)
• Using text formats to prevent content damage (9:16)
• Setting the comment policy (7:45)
• Managing comments (5:18)

• Enabling Other Content Types
  
• Adding blogs (5:13)
• Adding discussion groups (9:52)
• Adding polls (6:29)
• Subscribing to RSS feeds (7:25)
• Categorizing RSS feeds (4:53)

• Extending Content
  
• Creating new content types (4:58)
• Adding fields to content types (9:06)
• Exploring field types and options (8:22)
• Adjusting field display (4:38)
• Customizing field display by context (2:53)
• Modifying image styles (7:36)

• Managing Users
  
• Defining new user policies (7:59)
• Creating user accounts (6:45)
• Setting up user profiles (5:19)
• Defining user roles (2:47)
• Controlling access permissions (6:00)
• Canceling user accounts (6:09)

• Changing a Site's Interface
  
• Understanding Drupal page layout (4:34)
• Taking advantage of block regions (4:43)
• Creating and modifying blocks (5:41)
• Selecting and installing downloaded themes (7:35)
• Building themes the traditional way (6:29)

• Helping Users Find Their Way Around
  
• Understanding Drupal default menus (5:33)
• Creating multilevel menus (3:46)
• Creating easy-to-navigate books (6:35)

• Expanding a Site's Capabilities with Modules
  
• Installing and uninstalling modules (7:38)
• Configuring modules (4:48)
• Surveying popular modules (6:15)
• Enabling styled text with a WYSIWYG editor (5:13)

• Displaying Information with Views
  
• Understanding views (4:46)
• Creating views (6:27)
• Modifying views (6:10)

• Administering Drupal
  
• Launching a Drupal site (7:39)
• Troubleshooting a Drupal installation (5:12)
• Backing up and restoring a Drupal site (3:44)
• Updating Drupal (4:25)
• Deleting Drupal (2:31)

• Going Further with Drupal
  
• Monitoring performance (5:27)
• Improving administration skills (3:18)
• Reviewing security and permissions (4:50)
• Adopting best practices (2:12)

• Developing for Drupal
  
• Programming modules (6:02)
• Joining the Drupal community (5:25)

• Further Courses
• Drupal 7 Advanced Training
• Drupal 7 Custom Module Development
• Responsive Design with Drupal

Tim O’Reilly's "Open Source and Open Data in the Age of the Cloud" presentation on SlideShare.

• Slide 64 = Who Owns What
• Slide 68 = Facebook & Open Source
• Slide 69 = Google & Open Source

• Open Source: Wikipedia
• OpenSource.org
• Sourceforge.net
• O'Reilly Open Source Resources

• Wordpress - Blogging and Content Management Platform
• Site | Hosting | Wikipedia
• Free and open source blogging tool and content management system (CMS) based on PHP and MySQL, which runs on a web hosting service.
• Plug-in architecture and a template system.
• Usage:
• WordPress used by 18+% of top 10 million websites.
• WordPress is the most popular blogging system with more than 60 million websites.

• Joomla! - Content Management Platform
• Site | Wikipedia
• Free and open-source content management framework written in PHP and stores data in a MySQL, MS SQL (since version 2.5), or PostgreSQL (since version 3.0).
• Usage:
• Joomla! downloaded over 35 million times.
• Second most used CMS after WordPress.

• Drupal - Content Management Platform
• Site | Wikipedia
• Free and open-source content management framework written in PHP.
• Usage:
• Drupal used as a back-end framework by 2+% of all websites worldwide.

• Mashups: Wikipedia
• Programmable Web
• API: Wikipedia
• Programmable Web
• Google Map API
• Google API
• Twitter API

• Digital Libraries: 553 | Site
• Understanding Library Systems and Software Applications: 552
• Digital Library Technology: 558
• Metadata for the Information Professional: 524

• Database Design and Management: 557
• Interface Design: 512 | Site
• Information Retrieval: 551
• Information Visualization: 554 | Site
• Multimedia Production: 555 | Site