Advanced Front End Web Development with jQuery. AngularJS, KendoUI, KnockOutJS, Bootstrap

Instructor: Oguz Alpoge

*** Course description

This course teaches jQuery, jQueryUI, KendoUI, KnockOutJS, AngularJS, EmberJS, MVC, MVVM and Bootstrap CSS. It includes a developer-level introduction and an in-depth hands-on experience of the more advanced features. It focuses on features available in the latest versions. Students will start creating their own designs with the examples provided.
This course content is equally applicable to PHP, ASP.NET as well as to Java technologies like JSP, JSF.

*** Course goals and objectives

This course teaches students how to design advanced interactive and database-connected web applications with jQuery, KendoUI, jQueryUI and Knockout Libraries. Students will implement and configure web pages, interact with web services like, REST, JSON and RSS. Visual Studio 2013 and PHPStorm will be utilized.

You will see how you can leverage the JavaScript libraries to make graphically driven UI widgets. jQuery gives you the ability to break content up among multiple tabs in the same page. You have the ability to customize the look and feel of the tabs, and even to create a polished look and feel by providing different effects that come in when you mouse over tabs and click on them.

*** Course prerequisites

Prior experience and understanding of HTML 5 and web technologies.

Subjects

Frameworks, Libraries, Widgets, Developer IDEs, Tools
  • AngularJS of Google with MVVM (Model-View-ViewModel) and MVC (Model-View-Controller)
  • KnockOutJS, MVVM, Two-Way Data Binding
  • KendoUI of Telerik with MVVM
  • KendoUI with AngularJS
  • Wijmo of ComponentOne with AngularJS
  • jQuery
  • jQueryUI
  • Visual Studio 2013
  • PHPStorm of JetBrains
  • WebMatrix
  • NuGet
  • jQuery Template plugin
  • Bootstrap CSS Framework
  • EmberJS and MVC
  • SPA, Single-Page Application
Languages & Protocols
  • Javascript
  • Ajax
  • HTML5, CSS3
  • REST, JSON, SOAP Web Services
  • Web programming for mobile tablet computers and smart phones
Development & Design Tricks
* Principles of Responsive Design, CSS Cascading Style Sheets, HTML5
* Functions of the core jQuery library
* Setting up a development environment.
* Selecting and manipulating HTML elements with jQuery
* Cross-browser ability to bind and manage browser events
* Animating components like moving, fading, toggling, and resizing elements
* Widgets, effects, animations, and interactions
* Moving, sorting, resizing, and selection elements with a mouse
* Best practices, and patterns for making your code more efficient, maintainable, and clear
* Authoring jQuery plugins.
* JavaScript Debugging: Chrome Developer Tools, FireBug of FireFox
Project Work
Learning is based on hands-on, practical exercises. Web based projects will be created and posted online.
The student will gain access to a production online web hosting provider for publishing his/her designs during class. Code exercises and projects will give major confidence for job interviews. The student will be able to keep the codes and improve them for future designs. Online projects will help as live demonstration of accomplishments during job interviews. Hundreds of code samples will be shown and the student will be provided in-depth learning on nearly every aspect.

Textbooks

AngularJS in Action
- AngularJS in Action
by Brian Ford and Lukas Ruebbelke (Manning, Dec 2014, now available as MEAP download)
Mastering AngularJS Directives
- Mastering AngularJS Directives
by Josh Kurz, (Packt Publishing. June 2014)
Learning Kendo UI Web Development
- Learning Kendo UI Web Development
by John Adams (Packt Publishing. May 23, 2013)
ISBN-10: 1849694346
Learning jQuery: A Hands-on Guide to Building Rich Interactive Web Front Ends (Recommended)
- Learning jQuery: A Hands-on Guide to Building Rich Interactive Web Front Ends
by Ralph Steyer, Addison-Wesley (May 6, 2013)
ISBN-10: 0321815262

Details

*** Scheduling and Duration
This course is given in 35 hours during 5 consecutive weekends (Saturdays or Sundays).
This allows students to absorb the material and practice with the online systems from home. Students are required to complete assignments.
The class will be scheduled depending on demand. Please contact us for training requests.
Typical class hours:
Sundays 9:00 am - 4:45 pm, with a 45 min lunch break.

*** Grading and Attendance

Grading is based on attendance, classroom participation and project completion. Attendance of 80% is required

*** Required Hardware
The classroom is equipped with a large TV monitor. Slide presentations will be utilized for demonstration and discussions.
Students will bring their own laptops. All installations will be done to their laptops. Books are students' responsibility and not included in the tuition.

  • 1.6 GHz or faster processor.
  • 1 GB of RAM (1.5 GB if running on a virtual machine)
  • 10 GB (NTFS) of available hard disk space.
  • 5400 RPM hard drive.
  • DirectX 9-capable video card running at 1024 x 768 or higher display resolution.
*** Required Operating System:
  • Windows 7 (x86 or x64) (PREFERRED)
  • Windows 8 or 8.1 (x86 or x64)
  • Windows Server 2008 R2 SP1 (x64)
  • Windows Server 2012 (x64)
  • Supported Architectures: 32-bit (x86), 64-bit (x64)
If you have a Mac laptop, you can utilize BootCamp of Apple, which lets you install Windows on a separate partition of your hard drive. Or you could install one of three third-party virtualization programs: Parallels Desktop, VMware Fusion, or VirtualBox, each of which lets you run Windows (or another operating system) as if it were just another OS X application.

*** Recommended Software
Presence of Microsoft Office is recommended.

Course requests, enhancements and suggestions are welcome.