Share

course photo

JQuery + HTML5 + CSS

Gurukul, Ahmedabad

11,000

No Feedback Yet

No Reviews Yet
20 Interested

About the Course


Course Overview:
HTML5 is not just an extension of HTML4. It includes the latest revision of the HTML language, CSS3, and a series of JavaScript APIs. Together, these technologies enable you to create complex applications and with the cutting-edge features it introduced, developers can now create apps and websites with the functionality, speed, performance, and experience of desktop applications which are accessed on a wide array of devices and not just on desktops. In this course, we’ll cover some of the cool features of HTML5 & jQuery.

This course will enable developers to think outside the way they have been building web sites and applications, by learning the newest aspects of web development and also by understanding the best practices for creating web sites. The course will also talk about Responsive Web Design; building websites for multiple devices, Security and Performance of web applications.

Course Benefits:
This hands-on workshop will provide the participants with the skills required to build modern HTML5 websites. The course will help participants to start using the cutting-edge HTML5 features like Canvas, Local Storage, Messaging, GeoLocation in their projects.

Participants will learn to use jQuery and CSS3 features, helping them to build cool layouts and rich interactions quickly. The participants will learn to build websites for multiple devices by learning the concepts of Responsive Web Design. The participants will learn about the best practices, performance and security and will also get to know about many libraries to make development easy for them.

Topics Covered

1. Introduction
• Overview of HTML5
• Layers of Web Design
• Semantic Markup
• New Tags in HTML5
• Websites for Mobiles
• Overview of DOM
• Overview of JavaScript
• Overview of CSS
• Browser Compatibility
• Same Origin Policy
• Debugging Tools
2. Diving in to HTML5
• Building Your First HTML5 Page
• Playing with more HTML5 Tags
• New Form Elements and Validation
• Placeholder & Form Autofocus
• Graceful Degradation
• HTML5 in IE - html5shiv
• Detecting HTML5 features
• Using Modernizr
• HTML5 Cross Browser Polyfills
• Video Example with Feature Detection
• Overview of Accessibility
• Examples
3. Styling with CSS3
• Basic Selecting and Styling
• Advanced CSS Selectors
• Understanding Floats
• Absolute, Relative & Fixed Positioning
• EM vs PX & Percentages
• Reset Style Sheets
• New in CSS3
• Corners, Shadows and Gradients
• CSS3 Transitions
• Multiple Backgrounds
• Web Fonts
• Examples
4. JavaScript & JQuery
• Basic JavaScript
• Data Types, Objects & Functions
• JavaScript Namespacing
• Benefits of Using a Library
• jQuery Basics
• Selectors and jQuery Collection
• Methods on jQuery Collection
• Get/Set DOM Attributes
• Manipulating the DOM
• Events – Adding Behaviors
• Keyboard and Mouse Events
• Ajax with jQuery
• Loading Script, Markup, JSON and Data
• Effects and Animation
• Other Utilities and Helper Functions
• jQuery UI – Drag, Drop, Resize, Select
• jQuery Widgets & Plugins
• Examples
5. HTML5 API's
• Canvas vs SVG
• Using EaselJS
• Local Storage
• Geo Location
• Offline Web Applications
• History API
• Messaging API
• Web Workers API
• Examples
6. Miscellaneous
• Responsive Web Design
• CSS Media Queries
• Meta Tags and OG Protocol
• Speeding Up Your Website
• Building Secure Web Sites
• Overview of jQuery Mobile
• Overview of Mobile Apps
• Conclusion

Who should attend

• Web developers who have been building websites using the old conventions and want to learn the new aspects and trends in this area.
• Software developers who are interested in getting started in the area of web development

Pre-requisites

• Intermediate knowledge or work experience in HTML, JavaScript and CSS.

What you need to bring

NA

Key Takeaways

NA
Content
Reviews
There are no Reviews yet.
Questions and Comments

Thousands of experts Tutors, Trainers & other Professionals are available to answer your questions


There are no Reviews yet.
cash back100% Money Back Guarentee

About the Trainer

Our Consultant picture

Our Consultant

NA


Our Consultanat has over 8 years of professional working experience in Web Technologies & Training and many years of learning experience in diverse areas including Photography, Film Making, Singing, Teaching & Social Activism.
The things that Our Consultanat loves to do are finding bugs and flaws, System Designing, Team Management, Training, Creative Designing, Requirement Analysis, Asking Questions, Web Authoring, Layouts, Branding, Video Editing, Bug fixing for fellow colleagues, Blogging, Solving problems and answering questions in Development Community websites.
The technologies that Our Consultanat works on are PHP/MySQL, WordPress, CakePHP, Flash ActionScript (2.0 & 3.0), HTML5, JavaScript, Ajax, YUI, JQuery, CSS, Adobe PhotoShop, CoralDraw, Adobe Illustrator, Regular Expressions.
Our Consultanat is currently employed with one of the topmost Global Product based company in the role of a Technical Lead, where he owns and maintains the Company's WordPress platform which is used across the company for blogging needs. In the past he has been employed with Amoeba, TLI Software and Stibo Systems Inc.
Our Consultanat is also a Technical Trainer & Solution Analyst and has delivered a lot of internal & external corporate trainings to various clients. He delivers trainings on various Web Technologies and also supports a platform for encouraging technical discussions on his blog site.

Course Id: 8671