May 13, 2024  
2022-2023 Course Catalog 
    
Catalog Navigation
  Catalog Home
  Introduction to Century College
  Mission, Vision, Values

  College Calendar

  Course Descriptions and Outlines
  Programs (Century Academic Pathway)
  Programs (Department)
  Programs (A-Z)

  Academic Policies and Program Requirements
  Admissions and Registration
  Application for Admission
  Student Services and Resources
  Student Handbook
  Transfer

  Continuing Education and Customized Training
  College Administration and Faculty
  Maps and Directions
  Archived Catalogs
  My Portfolio
HELP
2022-2023 Course Catalog [ARCHIVED CATALOG]

Facebook this Page (opens a new window)
Tweet this Page (opens a new window)
Add to Portfolio (opens a new window)

WEBD 2125 - Advanced Web Concepts

Credits: 3
Hours/Week: Lecture 2 Lab 2
Course Description: This hands-on, project-oriented course examines a variety of modern tools, techniques, frameworks, and libraries that are critical for designing webpages and developing websites with current industry best practices. The following tools are explored: Git as a version-control system (collaboratively), SEO (Search Engine Optimization), UI /UX (User Interface/User Experience), jQuery Mobile, and many more.
MnTC Goals
None

Prerequisite(s): WEBD 2123  with a grade of “C” or higher
Corequisite(s): None
Recommendation: None

Major Content
  1. Git Version Control System
  2. Differences in browser compatibilities
  3. SEO
  4. Google Analytics
  5. HTML Boilerplate & Bootstrap
  6. Modernizr
  7. Normalize.css
  8. jQuery Mobile
  9. jQuery UI
  10. Accessibility and WAI-ARIA standards
  11. LESS/SASS/SCSS
  12. Font variables
  13. BEM methodology (block, element, and modifier)
  14. Monitoring performance/browser extensions
  15. Best practices/current trends checklists:
    1. touch
    2. accordions
    3. navigation
    4. drop-downs
    5. carousel
    6. forms

Learning Outcomes
At the end of this course students will be able to:

  1. administer Git version-control system, collaboratively.
  2. analyze browser compatibilities.
  3. integrate techniques for search engine optimization.
  4. use oHTML5 Boilerplate template and Bootstrap.
  5. use Modernizr to detect user’s browser.
  6. render elements consistently using Normailze.css.
  7. use jQuery Mobile.
  8. use jQuery UI.
  9. employ LESS/SASS/SCSS.
  10. employ font variables.
  11. analyze site traffic with Google Analytics.
  12. discuss WAI-ARIA (Web Accessible Rich Internet Application Suite).
  13. use BEM methodology.
  14. analyze webpage performance with developer tools.
  15. demonstrate knowledge of web design industry best-practices.

Competency 1 (1-6)
None
Competency 2 (7-10)
None


Courses and Registration


Facebook this Page (opens a new window)
Tweet this Page (opens a new window)
Add to Portfolio (opens a new window)