User Experience Design for Web & Mobile

a) This course is specially designed to provide technical knowledge and skills to cope with the requirement of jr. software engineer occupations of the IT sector. The course will be implemented
to ensure at least 80% of total contact hours on practical/hands on skills training or practice and 20% trade/ occupations related theory including OHS and soft modules.
b) The course is designed to enable trainees to acquire a range of technical and vocational, practical, personal and organizational skills valued and utilized both within and beyond the
workplace.
c) The course is designed to meet the required competencies of the occupations needed in the labor market in and outside the country.


Download This Course Outline

  • Working on HTML5

  • Working on CSS3

    • Introducing CSS3
      Viewing Completed Lesson
    • Exploring browser compatibility
      Viewing Completed Lesson
    • Understanding borders and backgrounds
      Viewing Completed Lesson
    • Understanding Positioning
      Viewing Completed Lesson
    • Positioning with CSS3
      Viewing Completed Lesson
    • Integrating CSS3 with HTML5
      Viewing Completed Lesson
    • Testing web pages in various browsers
      Viewing Completed Lesson
    • Creating grid-based assets and layouts
      Viewing Completed Lesson
  • Graphics Design Aesthetics

    • Understanding the principles of design
      Viewing Completed Lesson
    • Designing for screens
      Viewing Completed Lesson
    • Coloring web graphics
      Viewing Completed Lesson
    • Creating image (logo, banner) sprites
      Viewing Completed Lesson
    • Optimizing images as JPEG, GIF, or PNG files
      Viewing Completed Lesson
    • Using image (logo, banner) in websites
      Viewing Completed Lesson
  • JavaScript & JQuery

    • What is JavaScript?
      Viewing Completed Lesson
    • What are functions?
      Viewing Completed Lesson
    • Understanding variable scope
      Viewing Completed Lesson
    • Getting the values from form fields
      Viewing Completed Lesson
    • Working with objects and arrays
      Viewing Completed Lesson
    • Using operators and control structures
      Viewing Completed Lesson
    • Working with jQuery effects, such as showing, hiding, and fading page elements
      Viewing Completed Lesson
    • Objects, references, and functions
      Viewing Completed Lesson
    • Adding the jQuery $(document).ready() and mouse events
      Viewing Completed Lesson
  • Bootstrap - a sleek, intuitive, and powerful Framework

    • Understanding The Bootstrap Framework
      Viewing Completed Lesson
    • Understanding the Bootstrap file structure
      Viewing Completed Lesson
    • Exploring the 12-column grid
      Viewing Completed Lesson
    • Downloading and installing Bootstrap
      Viewing Completed Lesson
    • Scaffolding the main columns
      Viewing Completed Lesson
    • Styling buttons, images, and tables
      Viewing Completed Lesson
    • Overriding core CSS
      Viewing Completed Lesson
    • Adding JavaScript effects, like dropdown menus, tabs, accordions, and more
      Viewing Completed Lesson
  • Software Project management & project work

    • Key principles of Iterative Development Process
      Viewing Completed Lesson
    • Understand iteration and release of a project
      Viewing Completed Lesson
    • Understand user story
      Viewing Completed Lesson
    • Estimate a story
      Viewing Completed Lesson
    • Define user stories of your project work
      Viewing Completed Lesson
    • Work with project stories
      Viewing Completed Lesson
    • Group project presentation
      Viewing Completed Lesson