Development of Internet Applications jQuery, TypeScript, LESS

Slides:



Advertisements
Similar presentations
JavaScript & jQuery JavaScript and jQuery introduction.
Advertisements

The Future of CSS and JavaScript Today Daniel Laughland Forward Thinking.
Current Popular IT I Pertemuan 4 Matakuliah: T0403/Current Popular IT I Tahun: 2008.
© 2007 IBM Corporation IBM Emerging Technologies Enabling an Accessible Web 2.0 Becky Gibson Web Accessibility Architect.
North Shore.NET User Group Our Sponsors. North Shore.NET User Group Check out our new web site Next Meeting
What’s new in ASP.NET 3.5? Mike Ormond Developer & Platform Group Microsoft Ltd
Development of mobile applications using PhoneGap and HTML 5
ICS 665 Jesse Abdul. jQuery UI Overview  jQuery UI javascript library Includes all UI component functionality  jQuery UI CSS framework Includes standard.
UNIT4 BUSINESS ANALYTICS. page WHAT IS THE PRODUCT? 2 A business intelligence tool kit, specializing in Coporate Performance Management An application.
© 2006 by IBM 1 How to use Eclipse to Build Rich Internet Applications With PHP and AJAX Phil Berkland IBM Software Group Emerging.
XML on the Web: is it still relevant? O'Neil D. Delpratt.
Definition from Wikipedia.  The Prototype JavaScript Framework  implemented as a single file of JavaScript code  named prototype.js (
RIA Introduce Comparison among several technology.
Windows.Net Programming Series Preview. Course Schedule CourseDate Microsoft.Net Fundamentals 01/13/2014 Microsoft Windows/Web Fundamentals 01/20/2014.
Philly.NET Hands-on Labs JAVASCRIPT SERIES. July 9: JavaScript Syntax Visual Studio ◦Projects ◦Editors ◦Debugging ◦Script blocks ◦Minification and bundling.
Sascha Wener.  Definition from Microsoft Developer Network: “A theme is a unified set of design elements and color schemes that you apply to pages to.
ASP.NET + Ajax Jesper Tørresø ITNET2 F08. Ajax Ajax (Asynchronous JavaScript and XML) A group of interrelated web development techniques used for creating.
JavaScript Framework for Rich Apps in Every Browser Maura Wilder Joan Wortman
Conor Russomanno & Elizabeth Umbrino. A popular free Javascript Library Released in January 2006 At BarCamp, an international network of user-generated.
Introduction to TypeScript Sergey Barskiy Architect Level: Introductory.
Jianfeng Liu, eBay Justin Early, eclipse.org/vjet/
Unleash the Power of jQuery Doncho Minkov Telerik Software Academy academy.telerik.com Senior Technical Trainer
TypeScript Allan da Costa Pinto Technical Evangelist Microsoft.
JavaScript Framework for Rich Apps in Every Browser Maura Wilder Joan Wortman
Unleash the Power of jQuery Learning & Development Team Telerik Software Academy.
Plug-in Architectures Presented by Truc Nguyen. What’s a plug-in? “a type of program that tightly integrates with a larger application to add a special.
Intro to jQuery. What is jQuery? A JavaScript library Lightweight (about 31KB for the minified version) Simplifies HTML document traversing (DOM), event.
Getting Started with Aurelia
Unit 13 –JQuery Basics Instructor: Brent Presley.
Rich Internet Applications 2. Core JavaScript. The importance of JavaScript Many choices open to the developer for server-side Can choose server technology.
TypeScript for Alfresco and CMIS Steve Reiner CTO Integrated Semantics.
TWITTER BOOTSTRAP Rick Mason. All houses were custom built on site.
CSCI 3100 Tutorial 5 JavaScript & Ajax Jichuan Zeng Department of Computer Science and Engineering The Chinese University of Hong.
TypeScript: The Gateway Drug Whittaker.
CSCI 3100 Tutorial 5 Bootstrap & Git ZENG, Jichuan Department of Computer Science and Engineering The Chinese University of Hong.
Using React, Drupal and Google Chrome to build an interactive kiosk + + =
Best Institutes offering Software Development courses.
JQuery Fundamentals Introduction Tutorial Videos
Building Desktop Apps with Node.js and Electron
Simple theme creation using Sass
DotNetSpider Editor Hefin Dsouza
The Share Widget Library
Introduction to TypeScript
Angular 4 + TypeScript Getting Started
Unleash the Power of jQuery
JavaScript Applications: Course Introduction
Presentation 2 Web Design.
User Interface Design and Usability jQuery, jQuery UI & jQuery Plugins
JQuery.
Asynchronous Java script And XML Technology
9/13/2018 7:43 AM © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN.
User Interface / User Experience Demo
Best Angular 2 interview questions and Answer that have been designed for Angular 2 programmers who are preparing online interviews on Angular 2 interviews question. Visit Website:
Not Sure how you Should React
The Cliff Notes Version
Microsoft Build /22/2018 6:07 AM © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY,
jQuery The Easy JavaScript Nikolay Chochev Technical Trainer
JQuery with ASP.NET.
TypeScript: Supersetting JavaScript
Secure Web Programming
Input CS 422: UI Design and Programming
CS3220 Web and Internet Programming JavaScript Basics
ხელმძღვანელი: დიმიტრი ქარაული
Angular 2 Michael C. Kang.
Build 2014 Anders Hejlsberg Technical Fellow
Introduction to JavaScript & jQuery
Introduction to TypeScript
Front End Development workshop
Introduce to Angular 6 Present by: Võ Văn Hào
SharePoint Saturday Kansas City October 19, 2019
Presentation transcript:

Development of Internet Applications jQuery, TypeScript, LESS 5 Development of Internet Applications jQuery, TypeScript, LESS Ing. Jan Janoušek

TypeScript New language from Microsoft – transpiler to JS. Part of VisualStudio 2013 update 3 and newer. Other officialy supported IDEs are VS Code, WebStorm, Atom, Sublime Text, or Eclipse. „Every JavaScript code is TypeScript code“ The result is always JS code, however development is effective and easy (VisualStudio) Syntax and constructors with respect to ECMAScript 6+ Adds type definition to JS Most of features will be available in new versions of JavaScript (except data types). Repository of definition files: https://github.com/borisyankov/DefinitelyTyped

TypeScript features Better static code analysis (because of type definition). Classes and inheritance Modules / namespaces Generic data types Support Duck-typing – type is determind by interface And more (destructuring assignment, const, for .. of, …)

TypeScript

LESS CSS preprocesor – transcompile LESS code to plain CSS „CSS code is LESS code“ Increase effectivity of development and maintainbility Supported by most of IDEs (mostly using extensions). New posibilities compared to CSS: Variables Mixins Nested rules Math operations http://lesscss.org

Other frameworks a extensions Javascript frameworks http://en.wikipedia.org/wiki/Comparison_of_JavaScript_frameworks Dojo, Prototype, Mootols, … Javascript transpilers Dart - https://www.dartlang.org/ CoffeScript - http://coffeescript.org/ CSS preprocesors SASS - http://sass-lang.com/ Stylus - http://learnboost.github.io/stylus/ Front-end frameworks Twitter Bootstrap - http://getbootstrap.com/ Foundation - http://foundation.zurb.com/ Specialities Node.js - http://nodejs.org/

jQuery JavaScript library Current version: 3.1.1 (1.12.4 – IE 6,7,8) Size: ~84kB Basic syntax: function $ or jQuery Main use cases Manipulation with DOM Event handling Animation Communication (AJAX, JSON) Using anonymous functions Plugins and extensions

http://jquery.com/download/

jQuery UI Extending library for jQuery Interactive UI components Set of UI items Support for themes http://jqueryui.com/demos/ http://jqueryui.com/demos/

jQuery Mobile Extending library for jQuery UI Use jQuery UI Optimized for mobile deives. Uniform design through platforms Support for themes Based on data-* attributes (no custom JS is needed). Example of data-* attributes usage: http://www.w3schools.com/jquerymobile/tryit.asp?filename=tryjqmob_popup_leftclose Demos: http://demos.jquerymobile.com/1.4.5/ http://www.rewferguson.com/files/2011-07-19/