DOCSLIB.ORG

Key Technical Skills • Javascript, Ajax, ES6, Jquery, YUI, Ext JS

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read full-text
Key Technical Skills • Javascript, Ajax, ES6, Jquery, YUI, Ext JS Lead Front End Developer London £590/day Years of experience: 10+ Latest contract: Lead Front End Engineer at SCEE Ref: CW1218776 Key Technical Skills • JavaScript, Ajax, ES6, jQuery, YUI, Ext JS, Twitter Bootstrap • Backbone.js, Backbone-Marionette, Anglular.js, Ractive.js, React.js, Flux, Redux.js, Alt.js • Node.js, Sails.js, Express.js, Require.js, Grunt.js, Babeljs.io, ES5to6 • PHP (OOP) • MySQL, Doctrine, NoSQL, MongoDB, Casandra • PhoneGap, Appcelerator Titanium (iOS applications development) • HTML, XHTML, HTML5, XML, Handlebars, Smarty templates • CSS3, SASS, LESS, Twitter Bootstrap • Version control (SVN, .GIT, Perforce) • CMS, CRM, CDS, E-commerce • Webservices, SOAP, REST, OAuth • Jenkins, phpUnderControl, Bamboo • TDD, BDD, TheIntern.io, Jasmine.js, Mocha.js, jsTestDriver, Testem.js, phantom.js • Selenium, PHPUnit • Zend Framework, Magento • SEO • Amazon Web Services(AWS) Elastic Beanstalk • Apache server configuration • Linux, MacOS, Windows • Adobe Photoshop • Zend Studio, Sublime Text2 Employment History Lead front-end engineer, contractor at SCEE, London (12.08.2013 – 14.10.2015) • Designed and developed CDS(Content Delivery System) web application using following tools and technologies: • Backbone-marionette.js, • Apache as reverse proxy and Jetty – as main backend server providing RESTful API, • handlebars – as templating engine, • yeoman as main project scaffolding tool, • grunt.js, jenkins for build and deployment, CI • npm and bower – as package managers, • twitter bootstrap 3.0+ as UI framework • scss as css pre-processor. • modernizr – for feature detections, Page 1 of 6 • require.js – AMD, • perforce, .git for source control • bootstrap • SASS • Developing web applications for PlayStation4 built-in browser that’s used inside ps4 games and Live Area. Developing interactive Live Tiles inside Live Area. • AWS websirvices, elastic beanstalk • App Cache, LocalStorage • ES6 – modules, syntaxis • Mocha and chai • Working on Developers self-service portal that allows game developers to manage their titles, configure development/production environments, manage in-game services and allows integration and configuration of PSN/PS4 features and service like Game Events. • React.js and Ractive.js for front-end interface • NoSQL, MongoDB and Casandra for data storage. • ES6 – modules, syntaxis with babeljs.io • Sails.js as back-end server • theIntern.io for e2e and unit testing • Application architecture and design with collaboration of back-end team lead. • User experience, User interface designs and patterns development • Role involves rapid prototyping, POC. • Organising work and managing other front-end developer • Support for ipad, desktop ps4 browsers. Senior Interface developer at Tag Worldwide, London (02.02.2013 – 12.08.2013) • Working on web application development using following technologies and tools: • backbone.js, • npm and node.js – as backend server providing RESTful API, • handlebars – as templating engine, • capistrano, grunt.js, jenkins for build, deployment, CI • twitter bootstrap 2.+ as UI framework • less as css pre-processor. • app is utilising css3 transitions and html5 standard features • modernizr – for feature detections, • require.js – AMD, • mocha/chai and selenium for unit and functional testing. • .svn, .git, .git-svn for source control • Bootstrap • Sass • We introduced adaptive design and supported three desktop and 1 mobile breakpoints. Also had touch interactions support for tabled and mobile devices. Senior Interface developer at LBI group, London (12.04.2012 – 02.02.2013.) • Web page slicing according to W3C standards. • Accessibility and screen readers. • Development of responsive websites and mobile-first web application using following tools and technologies • backbone.js, • apache as backend server providing RESTful API, • handlebars – as templating engine, Page 2 of 6 • grunt.js, bamboo for build, deployment, CI • less as css pre-processor. • app is utilising css3 transitions and html5 standard features • modernizr – for feature detections, • require.js – AMD, • jasmine/phantoms.js/jsTestDriver/watir for unit and functional testing, • font-icons, • bootstrap, sass • responsive app with mobile first approach with support for mobile, tablet and desktop form-factors. • Used .svn for source control • Mentoring of more junior developers on the projects Software engineer at Vision With Technology, London (15.04.2010 – 12.04.2012) • Web page slicing according to W3C standards. • Website development based on CMS (eZPublish, Squarespace, Wordpress) – doing both front-end and back-end. For front-end our team mostly used jQuery, jQueryUI, YUI2/3 and ExtJS libraries. On all projects we used .git for source control • Website support and maintenance • Mentoring and training Web developer at KdWeb, London (30.09.2009 – 15.04.2010) • Web page slicing according to W3C standards. • Website development based on CMS (Expression Engine, Typo3) – doing both front-end and back-end. • E-commerce system development based on Magento – doing both front-end and back-end. • Website support and maintenance • Web pages redesign. • Clients training Web developer at IDATA Ltd & Blue Bridge technologies, Latvia (01.01.2006- 15.09.2009) • Web page slicing according to W3C standards. • Website building based on CMS (Web-gooroo, Joomla, Drupal, WordPress) – doing both front-end and back-end. • Website support and maintenance • Existing websites redesign and upgrade. • Communication with clients, project management • Junior members training Portfolio Here is a list of websites and applications I have worked on. Some projects are not included in this list. UK projects I am not allowed to provide links to the projects I have worked on during my employment at Page 3 of 6 “Tagworldwide” and some work I have done for SCEE, but I might demonstrate few screenshots and explain what kind of projects I have worked on and discuss challenges I have faced. Freelancing www.konstantinsuslov.com www.lash-extension.co.uk www.beautybyhanna.co.uk Project I have worked on during employment at LBI UK www.bt.co.uk group.barclays.com www.globalservices.bt.com Projects I have worked on during employment at Vison with technology www.thisisafricaonline.com www.dpn-online.com/ www.schemexpert.com www.fdiintelligence.com/ www.energysavingtrust.org.uk www.matrixmea.com www.visionwt.com www.awid.org www.thebanker.com www.mandatewire.com ukshop.omf.org www.nrpn-online.com www.npn-online.com www.spn-online.com www.pensionsweek.com Projects I have worked on during employment at KDWeb www.forartssake.com www.upmalasbiroji.lv fish.kddev.co.uk www.elegantpens.co.uk 4vco.kddev.co.uk www.eyesinfocus.co.uk gregson.kddev.co.uk www.slm-oncology.com whathairdresser.kddev.co.uk www.hmrlondon.com dwa.kddev.co.uk www.cicadaoverseasproperty.co.uk www.willowbrookbirdsfoods.com www.singerdirect.co.uk Projects I have worked on in Latvia Simple projects www.advanta.lv www.atd.lv/ www.eco-house.lv www.zalajosta.lv www.viptulks.lv www.spa.lv www.hrmotosports.lv www.naibaltics.com www.neotopia.lv www.pilot.lv www.nlcc.lv www.akurats.lv www.gestalt.lv www.icespirit.lv www.magelans.lv www.lucavsala.lv www.pomus.lv www.selutrases.lv www.lgta.lv www.balticdune.com www.dubaja.lv www.kantini.lv www.rdrealestate.lv www.koregrupa.lv Page 4 of 6 www.paintex.lv www.forge.lv www.wake.lv Interesting projects www.tavsmezs.lv www.katebirojam.lv www.kurtuteci.lv www.cesufestivals.lv www.felixmaiznica.lv www.villabaltika.lv www.inhouse.lv www.martinideas.lv www.latts.lv www.delawake.lv www.videspieejamiba.lv www.east333.com E-commerce projects www.pc.lv www.diviu.lv www.myownwind.com www.mayeri.lv www.diamante.lv www.kodulux.lv www.2u.lv www.fans.lv b2b.bb-tech.eu www.balsts.lv www.aparta.lv www.g2.adamauto.lv www.shoreline.lv www.b-auto.lv www.savedreams.eu www.ojmar.eu www.flymeaway.lv Complex projects www.crewplanet.eu www.adamauto.lv www.nightlife.lv www.lnso.lv www.lattur.lv www.lbsglobal.com www.b2binfo.lv www.ng.lv www.thermomix.lv www.scp.lv www.jurmalasnedela.lv www.kinoskola.lv Formal Qualifications Diploma in Computer technologies Key Modules: Basic programming I was graduated from technical college. My program over there included basics of HTML,CSS and high-level application programming languages like Pascal, C++ and Delphi. My first PHP, HTML, JavaScript and MySQL knowledge were obtained through self-education. Also I have additionally attended programming courses for two years. There I was learning common algorithms, code optimization, testing and main principles for writing clean and self- explanatory code. Course was based on Pascal language. Personal Details Date of Birth: 10/11/86 Languages: English, Latvian, Russian Nationality: Latvian Health: Excellent; non-smoker Interests & Activities I enjoy creating fancy web applications, complex websites and bespoke business solutions. I love attending web technology meetups and conferences. I try not to miss talks related to latest Page 5 of 6 web development tools, trends and best coding practices. Usually I try to visit one to two talks a month. Also I like to spend couple of hours in a gym and pool after work during the week and at the weekends, it helps me to relax. I am also interested in financial trading and already completed two online courses. Page 6 of 6 .
Load more

Recommended publications
  • CSS Browser Selector Plus: a Javascript Library to Support Cross-Browser Responsive Design Richard Duchatsch Johansen Talita C
    CSS Browser Selector Plus: A JavaScript Library to Support Cross-browser Responsive Design Richard Duchatsch Johansen Talita C. Pagani Britto Cesar Augusto Cusin W3C Accessibility WG Member and Assistant Coordinator Professor at Faculdade Paraíso do Senior Front-end Developer at of Educational Projects - MStech Ceará and W3C Accessibility WG Eventials – Rua Itapaiúna, 2434 Rua Joaquim Anacleto Bueno, 1-42 Member – Rua da Conceição, 1228 São Paulo – SP – Brazil, Zip Code Bauru – SP – Brazil, Juazeiro do Norte – CE – Brazil, 05707-001 Zip Code 17047-281 Zip Code 63010-465 +55 14 9711-7983 +55 14 3235-5500 +55 15 8100-4466 [email protected] [email protected] [email protected] ABSTRACT means you can use CSS Media Queries to tweak a CSS for a Developing websites for multiples devices have been a rough task mobile devices, printer or create a responsive site. for the past ten years. Devices features change frequently and new Media queries is an extension to the @media (or media=”” devices emerge every day. Since W3C introduced media queries attribute, in <link> tag) specification on CSS, allowing in CSS3, it’s possible to developed tailored interfaces for multiple declaration of conditional queries expressions to detect particular devices using a single HTML document. CSS3 media queries media features, such as viewport width, display color, orientation have been used to support adaptive and flexible layouts, however, and resolution [1], as shown on Table 1. it’s not supported in legacy browsers. In this paper, we present CSS Browser Selector Plus, a cross-browser alternative method Table 1.
    [Show full text]
  • Javascript for Web 2.0 Development Introduction
    "Web Age Speaks!" Webinar Series JavaScript for Web 2.0 Development Introduction Mikhail Vladimirov Director, Curriculum Architecture [email protected] Web Age Solutions Providing a broad spectrum of regular and customized training classes in programming, system administration and architecture to our clients across the world for over ten years ©WebAgeSolutions.com 2 Overview of Talk Overview of ECMAScript 6 release Hybrid Mobile Web Development Overview of Popular JavaScript libraries: jQuery AngularJS Modernizr _Underscore.js ©WebAgeSolutions.com 3 JavaScript for Web 2.0 Development Some JavaScript Facts Who Owns JavaScript Name The "JavaScript" name is a trademark now owned by Oracle Corporation (US Patent and Trademark Office, copyright entry #75026640). ©WebAgeSolutions.com 5 ECMAScript… JavaScript is un-related to Java It was originally designed by Netscape to add scripting to their browser. It was called 'LiveScript'. Re-naming it to JavaScript was a marketing trick to get more attention to it It is more of a “Lisp in C's Clothing” with elements of functional programming (http://javascript.crockford.com/javascript.html ) Each browser’s JavaScript engine is an attempt to implement ECMAScript standard (first draft in 1997) Well-known implementations are JavaScript, JScript and ActionScript ©WebAgeSolutions.com 6 ECMAScript Release 6 (Work in Progress) Classes and modules ( import {func1} from ‘js/mylib’ ) Better variable scoping (let for the new block scope) Multiple return values (return {x, y})
    [Show full text]
  • Client-Server Web Apps with Javascript and Java
    Client-Server Web Apps with JavaScript and Java Casimir Saternos Client-Server Web Apps with JavaScript and Java by Casimir Saternos Copyright © 2014 EzGraphs, LLC. All rights reserved. Printed in the United States of America. Published by O’Reilly Media, Inc., 1005 Gravenstein Highway North, Sebastopol, CA 95472. O’Reilly books may be purchased for educational, business, or sales promotional use. Online editions are also available for most titles (http://my.safaribooksonline.com). For more information, contact our corporate/ institutional sales department: 800-998-9938 or [email protected]. Editors: Simon St. Laurent and Allyson MacDonald Indexer: Judith McConville Production Editor: Kristen Brown Cover Designer: Karen Montgomery Copyeditor: Gillian McGarvey Interior Designer: David Futato Proofreader: Amanda Kersey Illustrator: Rebecca Demarest April 2014: First Edition Revision History for the First Edition: 2014-03-27: First release See http://oreilly.com/catalog/errata.csp?isbn=9781449369330 for release details. Nutshell Handbook, the Nutshell Handbook logo, and the O’Reilly logo are registered trademarks of O’Reilly Media, Inc. Client-Server Web Apps with JavaScript and Java, the image of a large Indian civet, and related trade dress are trademarks of O’Reilly Media, Inc. Many of the designations used by manufacturers and sellers to distinguish their products are claimed as trademarks. Where those designations appear in this book, and O’Reilly Media, Inc. was aware of a trademark claim, the designations have been printed in caps or initial caps. While every precaution has been taken in the preparation of this book, the publisher and author assume no responsibility for errors or omissions, or for damages resulting from the use of the information contained herein.
    [Show full text]
  • Types/Bluebird
    @types/bluebird MIT https://www.npmjs.com/package/@types/bluebird @types/body-parser MIT https://www.npmjs.com/package/@types/body-parser @types/chai MIT https://www.npmjs.com/package/@types/chai @types/express MIT https://www.npmjs.com/package/@types/express @types/express-serve-static-core MIT https://www.npmjs.com/package/@types/express-serve-static-core @types/form-data MIT https://www.npmjs.com/package/@types/form-data @types/geojson MIT https://www.npmjs.com/package/@types/geojson @types/js-yaml MIT https://www.npmjs.com/package/@types/js-yaml @types/lodash MIT https://www.npmjs.com/package/@types/lodash @types/mime MIT https://www.npmjs.com/package/@types/mime @types/moment-range MIT https://www.npmjs.com/package/@types/moment-range @types/node MIT https://www.npmjs.com/package/@types/node @types/node-statsd MIT https://www.npmjs.com/package/@types/node-statsd @types/react MIT https://www.npmjs.com/package/@types/react @types/react-dom MIT https://www.npmjs.com/package/@types/react-dom @types/react-transition-group MIT https://www.npmjs.com/package/@types/react-transition-group @types/recompose MIT https://www.npmjs.com/package/@types/recompose @types/request MIT https://www.npmjs.com/package/@types/request @types/sequelize MIT https://www.npmjs.com/package/@types/sequelize @types/serve-static MIT https://www.npmjs.com/package/@types/serve-static @types/validator MIT https://www.npmjs.com/package/@types/validator aasm MIT https://rubygems.org/gems/aasm abab ISC https://www.npmjs.com/package/abab abbrev ISC http://github.com/isaacs/abbrev-js
    [Show full text]
  • Beginning HTML5 and CSS3
    For your convenience Apress has placed some of the front matter material after the index. Please use the Bookmarks and Contents at a Glance links to access them. www.it-ebooks.info Beginning HTML5 and CSS3 Richard Clark, Oli Studholme, Christopher Murphy and Divya Manian www.it-ebooks.info Beginning HTML5 and CSS 3 Copyright © 2012 by Richard Clark, Oli Studholme, Christopher Murphy and Divya Manian This work is subject to copyright. All rights are reserved by the Publisher, whether the whole or part of the material is concerned, specifically the rights of translation, reprinting, reuse of illustrations, recitation, broadcasting, reproduction on microfilms or in any other physical way, and transmission or information storage and retrieval, electronic adaptation, computer software, or by similar or dissimilar methodology now known or hereafter developed. Exempted from this legal reservation are brief excerpts in connection with reviews or scholarly analysis or material supplied specifically for the purpose of being entered and executed on a computer system, for exclusive use by the purchaser of the work. Duplication of this publication or parts thereof is permitted only under the provisions of the Copyright Law of the Publisher's location, in its current version, and permission for use must always be obtained from Springer. Permissions for use may be obtained through RightsLink at the Copyright Clearance Center. Violations are liable to prosecution under the respective Copyright Law. ISBN-13 (pbk): 978-1-4302-2874-5 ISBN-13 (electronic): 978-1-4302-2875-2 Trademarked names, logos, and images may appear in this book. Rather than use a trademark symbol with every occurrence of a trademarked name, logos, or image we use the names, logos, or images only in an editorial fashion and to the benefit of the trademark owner, with no intention of infringement of the trademark.
    [Show full text]
  • Hitachi Ops Center V10.6.0 Open Source Software Packages
    Hitachi Ops Center V10.6.0 Open Source Software Packages Contact Information: Hitachi Ops Center Project Manager Hitachi Vantara LLC 2535 Augustine Drive Santa Clara, California 95054 Name of Product/Product Component Version License "Java Concurrency in Practice" book 1.0-redhat-4 Creative Commons Attribution annotations 2.5 Generic @agoric/babel-parser 7.10.5 The MIT License @agoric/babel-parser 7.12.11 The MIT License @angular-builders/custom-webpack 8.0.0-RC.0 The MIT License @angular-devkit/build-angular 0.800.0-rc.2 The MIT License @angular-devkit/build-angular 0.901.13 The MIT License @angular-devkit/core 7.3.8 The MIT License @angular-devkit/schematics 7.3.8 The MIT License @angular/animations 9.1.11 The MIT License @angular/animations 9.1.13 The MIT License @angular/cdk 9.2.4 The MIT License @angular/cdk-experimental 9.2.4 The MIT License @angular/cli 8.0.0 The MIT License @angular/cli 9.1.13 The MIT License @angular/common 9.1.11 The MIT License @angular/common 9.1.13 The MIT License @angular/compiler 9.1.11 The MIT License @angular/compiler 9.1.13 The MIT License @angular/compiler-cli 9.1.13 The MIT License @angular/core 7.2.15 The MIT License @angular/core 9.1.11 The MIT License @angular/core 9.1.13 The MIT License @angular/forms 7.2.15 The MIT License @angular/forms 9.1.0-next.3 The MIT License @angular/forms 9.1.11 The MIT License @angular/forms 9.1.13 The MIT License @angular/language-service 9.1.13 The MIT License @angular/platform-browser 7.2.15 The MIT License @angular/platform-browser 9.1.11 The MIT License @angular/platform-browser
    [Show full text]
  • Responsible Responsive Web Design
    Responsible Responsive Web Design By: Matt Busche What is Responsive Web Design? ● an approach ● provide optimal user experience ● platform agnostic ● content first ● not a separate website What is Responsive Web Design? ● not a separate site ● one codebase ● no context ● m.espn m.espn2 ● mobile, desktop, UA sniffer ● SEO, device, orientation Why Responsive Design? ● users don’t want an app Why Responsive Design? ● you have mobile users ● don’t have money for apps ● accessible from any device ● SEO matters How does it work? ● CSS3 spec ● media query ● IE9, FF3.5, Chrome 2 ● 93.92% How does it work? ● link and @import selectively* load ● window pixels How does it work? ● foolproofing the viewport ● meta tag not w3c standard How does it work? ● meta tag; no meta Layout Process ● identify constraints ● mobile first! ● useful for some, useful for all ● design for touch screen Layout Process ● identifying breakpoints ● progressive disclosure Progressive disclosure Mobile First Development ● can cause issues with unsupported browsers ● determine what’s important ● progressive enhancement Supporting the unsupported ● respond.js IE 6+, FF2+ ● HTML5shiv ● PIE.js - CSS3 (Prog IE) ● selectivizr - CSS3 pseudo classes Determining the unsupported ● graceful degradation ● media queries ● HTML4 or HTML5 Detecting features ● modernizr Detecting other features ● @supports ● user agent detection Progressive Enhancement ● EnhanceJS ● upgrading images for HD screens Lang attribute ● no lang then unknown ● accessibility - screen readers ● hyphens ● internationalization
    [Show full text]
  • Compatibility Via Modernizr
    Compatibility via Modernizr Making web things fit their medium by Stu Cox / @stucoxmedia #McrFRED | 27th June 2013 | Manchester, UK com•pat•i•bil•i•ty |kәmˌpatɪˈbɪlɪti| (abbr.: compat.) noun (pl. -i•ties) a state in which two things are able to exist or occur together without problems or conflict. In this case: Your web thing ←→ Your user's browser/device How we did it back in the day 1. Make a web thing 2. Test it in Browser A 3. It works! Hurray! 4. Test it in Browser B 5. Doesn't work :-( So we hack it. CSS hacks: .btn { *margin-left: -13px; } User-Agent sniffs: if (navigator.userAgent.match(/MSIE [67]\./)) { // Fix for old IE } These are essentially heuristics. Heuristics imply assumptions. "All browsers which parse CSS hack A also have layout bug B" "All browsers which match user-agent C support feature D" "I know about every browser my users might use" "If my assumptions are true now, they'll also be true in the future" "I know about every browser my users might use" 85 browser versions with > 0.1% market share 7,000 different devices login to Facebook every day [1] Users have different needs (think accessibility) [1] techcrunch.com/2012/08/03/vp-mike-schroepfer-7000-different-mobile-devices-access-facebook-every-day/ Browser A Browser B Three sources of compatibility problems: Features Plugins Bugs Features CSS: @font-face, transitions, animations, flexbox, ... HTML: <audio>, <video>, input types, drag & drop, ... JavaScript: History API, IndexedDB, WebSockets, ... ... Plugins Platforms/Runtimes: Flash, Silverlight, Java, ... Viewers: PDF, Office documents, ... ... Bugs Rendering: Box model, double margin, ..
    [Show full text]
  • Adaptto() 2014 Presentation
    APACHE SLING & FRIENDS TECH MEETUP BERLIN, 28-30 SEPTEMBER 2015 Making Sling Grunt Or How to Integrate Modern Front-End Development with Sling Philip Hornig (Publicis Pixelpark), Michael Sunaric (Netcentric) Topics . Modern front-end development and why we need it. How to integrate modern front-end development with the Sling development stack. The tools necessary to achieve the integration. adaptTo() 2015 2 Modern Front-End Development adaptTo() 2015 3 Complexity is increasing . Complex layouts and responsive design . Client side apps . Modular and object oriented design . Automated testing . Documentation adaptTo() 2015 4 Agile development . Rapid prototyping . Design in HTML . Prototyping engine with node.js, express.js adaptTo() 2015 5 Setup Scaffolding Yeoman, Middleman, … Libraries jQuery, Bootstrap, Modernizr, Bourbon Frameworks Ember.js, AngularJS, Backbone.js, ExtJS, Dojo, ... adaptTo() 2015 6 Develop Watch CSS (Sass, Less, Stylus) Javascript (CoffeeScript, TypeScript, ECMAScript 6) HTML (Jade, Haml, Handlebars) Lint CSS (csslint, sasslint, styluslint) Javascript (jshint, jscs) Refresh LiveReload Prototype Node.js, Express adaptTo() 2015 7 Test Function Form PhantomJS, CasperJS, Selenium, BackstopJS Selenium adaptTo() 2015 8 Build 1. Code linting 7. Optimize images 2. Compile 8. Measure performance 3. Unit tests 9. Prototype 4. Concatenate 10. Integration tests 5. Minify 11. Deploy 6. Generate icons/iconfonts adaptTo() 2015 9 Build Tools and Dependency Mgmt. NPM, Bower, Gulp, Grunt, Broccoli adaptTo() 2015 10 Gruntfile.js module.exports
    [Show full text]
  • Designing Rich Internet Applications Using HTML5, CSS3 and Jquery- Beginner Level
    Designing Rich Internet Applications Using HTML5, CSS3 and jQuery- Beginner Level By High School Technology Services myhsts.org HTML5 Fundamentals By High School Technology Services myhsts.org Overview of HTML5 HTML5 is the latest evolution of the standard that defines HTML. The term represents two different concepts: ▪ It is a new version of the language HTML, with new elements, attributes, and behaviors, and a larger set of technologies that allows more diverse and powerful Web sites and applications. ▪ The most interesting new HTML5 elements are: ▪ New semantic elements like <header>, <footer>, <article>, and <section>. ▪ New attributes of form elements like number, date, time, calendar, and range. ▪ New graphic elements: <svg> and <canvas>. ▪ New multimedia elements: <audio> and <video>. Comparing HTML5 to XHTML ▪ XHTML is essentially identical to HTML4 (the fourth iteration of HTML), but with elements of XML that extend HTML’s capabilities. XHTML came along before HTML5, right after HTML4, solving for some cross-browser compatibility issues and offering a “best of both worlds” scenario. It’s a bit stricter than HTML, providing more precise standards and specifications for how a site’s data is broken down and transmitted. This does make it a bit unforgiving, however, and it can be tougher to debug. ▪ HTML’s latest evolution, HTML5, is a versatile game-changer. HTML5 adds a ton of new features to the HTML repertoire, making it able to do so much more on its own. It’s a hybrid of three types of code—HTML, CSS, and JavaScript—and by bundling these three components, HTML5 lets developers work faster and more efficiently.
    [Show full text]
  • Form Creation Input Widgets-Data Binding and Data Valid
    Part 2 Browser-based apps For a very long time developers were processing everything—form validation, file management, storage, messaging, and other vital application functionality— on the server. Server-side processing was a great idea for security reasons, lack of user processing power, and many other issues. There were workarounds through technologies such as Flash and Java, but the mobile market explosion revealed unanticipated limitations that HTML5 is aiming to fix. Thanks to major advances in JavaScript processing power and new W3C stan- dards, you can now perform server-side tasks through a user’s browser (aka client- side). Performing complex tasks through browsers saves tons of money on server costs, allows startups to easily create complex apps, and creates seemingly instant application responses during heavy load times. It also opens up a completely different thought process on application development and deployment to mobile and desktop. And they can both be done at the same time if you play your cards right. Many popular web applications use HTML5’s application features. Google Drive, for example, uses a new storage technology known as the Indexed Data- base API. You’ve probably also used HTML5’s WebSockets, forms, and many other features that we’ll be covering throughout this section. By the time you’ve completed part 2 (chapters 2–5), you’ll know enough to put together a small application with minimal server usage. Chapter 2 at a glance Topic Description, methods, and so on Page New input types1 HTML5 <input> element types
    [Show full text]
  • The Missing Manual by Matthew Macdonald
    HTML5 The book that should have been in the box® Matthew MacDonald Beijing | Cambridge | Farnham | Köln | Sebastopol | Tokyo HTML5: The Missing Manual by Matthew MacDonald Copyright © 2011 Matthew MacDonald. All rights reserved. Printed in the Unites States of America. Published by O’Reilly Media, Inc., 1005 Gravenstein Highway North, Sebastopol, CA 95472. O’Reilly Media books may be purchased for educational, business, or sales promotional use. Online editions are also available for most titles: http://my.safaribooksonline.com. For more information, contact our corporate/institutional sales department: 800-998-9938 or [email protected]. Printing History: August 2011: First Edition. Nutshell Handbook, the Nutshell Handbook logo, the O’Reilly logo, and “The book that should have been in the box” are registered trademarks of O’Reilly Media, Inc. HTML5: The Missing Manual, The Missing Manual logo, Pogue Press, and the Pogue Press logo are trademarks of O’Reilly Media, Inc. Many of the designations used by manufacturers and sellers to distinguish their products are claimed as trademarks. Where those designations appear in this book, and O’Reilly Media, Inc. was aware of a trademark claim, the designations have been printed in caps or initial caps. While every precaution has been taken in the preparation of this book, the publisher and authors assume no responsibility for errors or omissions, or for damages resulting from the use of the information contained herein. ISBN: 978-1-449-30239-9 [LSI] [2013-06-28] Table of Contents The Missing Credits .............................. xi Introduction ................................... 1 Part One: Meet the New Language Chapter 1: Introducing HTML5 ....................... 11 The Story of HTML5 ......................................
    [Show full text]