Loading...

UX / UI Designing

Couse Summary

There are over 2 million apps on the App Store and growing. The only apps that do well are ones which are well designed both in terms of user interface and user experience. That's why it so important to learn the design skills that will make your app stand out in a crowd.

The App Design Course is great for people with absolutely no design experience or experienced designers who want to get up to speed quickly with mobile app design. We'll introduce you to the art of making beautiful apps. We'll explore key UI and UX concepts that are essential to building good looking and easy to use apps that are loved by users.

This course has a practical component that takes you step-by-step through the workflow of a professional app designer. From user flow diagrams to wireframing to mockups and prototypes. Students completing the course will have the knowledge to create beautiful and lovable apps that leave people with a smile on their face.

 


Couse Objectives   

By the end of the course, you will learn:

  • Overview of UX design
  • Planning your app
  • Basic design principles
  • Sketching your screens
  • Building a wireframe
  • Building and testing a prototype

Couse Outline

Introduction to Web

  • Development Server Vs browser
  • Web Architecture
  • Understanding browser

HTML 5

  • INPUT elements
  • Block level elements
  • Inline elements
  • Attributes
  • Audio Tags
  • Video Tags
  • SVG(Scalar Vector Graphics)
  • Canvas Articles

Javascript Basic- Advanced

  • Introduction to Javascript
  • Understanding programming basics of java Script
  • DOM Manipulation with SOLID Principles
  • Object Oriented Javascript
  • Understanding Prototypes, Immediate functions
  • Understanding Closures and Call Back functions

Introduction to Angular js

  • What is Dependency Injection?
  • Introduction to MVC design pattern
  • What are Views, Models and Controllers in Angular?
  • Introduction to Modules, Controllers, Services, factories, filters, Directives, Templates and Routing
  • A Simple Demo comparing the traditional development with angular development

Building a Single Page Application

  • Creating a HTML App with Twitter Bootstrap
  • Adding a simple Angular controller
  • Adding a simple Angular Model
  • Explaining the MVC Pattern

Understanding the Concept of ng-App and Modules in Angular

  • In depth understanding of models and controllers by creating a demo application
  • Understanding the concept of scope
  • Managing Scope and Setting up Behavior Building a basic controller
  • Working with built in services and factories Creating a custom services

Injecting Services to Various Other Elements Demo

  • Routing in angular js understanding the default
  • Routing Using angular ui router dealing with states

Resolving Routes

  • Passing parameters in routes
  • Demo

Events

  • Controller to controller communication
  • Understanding the $broadcast, $on,$watch and $emit
  • Demo

Directives

  • Working with built in directives
  • Understanding the link function
  • Creating custom directives
  • Advanced concepts of directives
  • Demo

Promises

  • Understanding the promise patterns
  • Working with $q in angular js
  • Demo

Filters

  • Working with built in filters
  • Creating Custom filters

Validation

  • Working with form validation
  • Creating custom validators

Working with External Components

  • Grid Component
  • Modal component
  • Pagination component
  • Accordion and Tab control

Unit Testing

  • Working with Grunt
  • Working with Gulp
  • Working with Yeoman, Bower
  • Working with Jasmine and Karma

Couse Objectives   

By the end of the course, you will learn:

  • Overview of UX design
  • Planning your app
  • Basic design principles
  • Sketching your screens
  • Building a wireframe
  • Building and testing a prototype

Couse Outline

Introduction to Web

  • Development Server Vs browser
  • Web Architecture
  • Understanding browser

HTML 5

  • INPUT elements
  • Block level elements
  • Inline elements
  • Attributes
  • Audio Tags
  • Video Tags
  • SVG(Scalar Vector Graphics)
  • Canvas Articles

Javascript Basic- Advanced

  • Introduction to Javascript
  • Understanding programming basics of java Script
  • DOM Manipulation with SOLID Principles
  • Object Oriented Javascript
  • Understanding Prototypes, Immediate functions
  • Understanding Closures and Call Back functions

Introduction to Angular js

  • What is Dependency Injection?
  • Introduction to MVC design pattern
  • What are Views, Models and Controllers in Angular?
  • Introduction to Modules, Controllers, Services, factories, filters, Directives, Templates and Routing
  • A Simple Demo comparing the traditional development with angular development

Building a Single Page Application

  • Creating a HTML App with Twitter Bootstrap
  • Adding a simple Angular controller
  • Adding a simple Angular Model
  • Explaining the MVC Pattern

Understanding the Concept of ng-App and Modules in Angular

  • In depth understanding of models and controllers by creating a demo application
  • Understanding the concept of scope
  • Managing Scope and Setting up Behavior Building a basic controller
  • Working with built in services and factories Creating a custom services

Injecting Services to Various Other Elements Demo

  • Routing in angular js understanding the default
  • Routing Using angular ui router dealing with states

Resolving Routes

  • Passing parameters in routes
  • Demo

Events

  • Controller to controller communication
  • Understanding the $broadcast, $on,$watch and $emit
  • Demo

Directives

  • Working with built in directives
  • Understanding the link function
  • Creating custom directives
  • Advanced concepts of directives
  • Demo

Promises

  • Understanding the promise patterns
  • Working with $q in angular js
  • Demo

Filters

  • Working with built in filters
  • Creating Custom filters

Validation

  • Working with form validation
  • Creating custom validators

Working with External Components

  • Grid Component
  • Modal component
  • Pagination component
  • Accordion and Tab control

Unit Testing

  • Working with Grunt
  • Working with Gulp
  • Working with Yeoman, Bower
  • Working with Jasmine and Karma

Contact Us

Suite #101, AL-Tawhidi 1 Building, Next to ADCB Bank, Bank Street, Khaled Bin Waleed Road, Bur Dubai - Dubai. U.A.E. P.O.Box: 94743 Dubai, UAE.

metro learnerspoint

Direction from Metro: Al Fahidi Metro, Exit 1 elevator - walk approx 1 minute towards Burjuman.

Follow Us  

News & Events

LearnersPoint is proud to announce that they have been associated with...

Read More

Join now the advance level courses and get trained with our industry e...

Read More

Do you have desire to work, study or migrate to English Speaking Count...

Read More

Locate Us

Map online payment

Make secure payment here