Javascript for Web 2.0 Development Introduction

Total Page:16

File Type:pdf, Size:1020Kb

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}) Default func parameters ( function foo (a, b=‘bar’)…) Iterators and for/of loops Extended Math functions and additions to Number object E.g. Math.log10(), Math.log2(), etc. New collections maps, sets and weak maps (to prevent memory leaks by allowing GC of unreferenced objects) And much more … ©WebAgeSolutions.com 7 ECMAScript Release 6 (Work in Progress) http://wiki.ecmascript.org/doku.php?id=harmony:spe cification_drafts Timetable: Formal spec publication on June 2015 http://paulmillr.com : ECMAScript 6 (Harmony) compatibility shims for legacy JavaScript engines ©WebAgeSolutions.com 8 JavaScript on the Server Side … JavaScript is used primarily as a client-side scripting language to add interactivity to Web pages rendered in Web browsers, and is, increasingly, used on the server-side For example, Node.js is a platform for building fast, event-driven, scalable and data-intensive network applications written in JavaScript; it uses Chrome's JavaScript runtime called V8 JavaScript can also run in the Java VM (via the Rhino technology) ©WebAgeSolutions.com 9 AJAX … AJAX stands for Asynchronous JavaScript and XML Now it is more about JSON-encoded object transfer Request / response can be done synchronously as well Web applications running in the browser can send data to and retrieve from a web server a/ synchronously (background server call) JavaScript uses some sort of XMLHttpRequest object natively implemented in the JavaScript VM For rich user experience, AJAX is often used in combination with HTML and CSS to build dynamic web applications Initially popularized by Microsoft as the XMLHTTP ActiveX control in Internet Explorer 5 (1999), later adopted by Mozilla and Safari ©WebAgeSolutions.com 10 JavaScript for Web 2.0 Development Popular JavaScript Libraries Why Use Libraries JavaScript dialects are not created equal (they use different degree of affinity with the ECMAScript standards) JavaScript libraries help: Reduces JavaScript implementation differences Support RAD by reusing code for common programmatic tasks ©WebAgeSolutions.com 12 jQuery A JavaScript (ECMAScript) library Follows the "write less, do more" design principle Supports "Unobstrusive JavaScript“ A way to separate functionality (JavaScript) from a Web page presentation (HTML / CSS) Similar JavaScript libraries Dojo MooTools YUI Prototype ©WebAgeSolutions.com 13 jQuery Simple Example <body> <p id=“id1”></p> </body> // Somewhere in your JavaScript code $("#id1").text("Hello jQuery"); ©WebAgeSolutions.com 14 The “$” Conflicts jQuery may conflict with other JavaScript libraries such Prototype, MooTools, YUI, or Dojo in use of $ You can return control of $ back to the other library with a call to $.noConflict() <script src="other_lib.js"></script> <script src="jquery.js"></script> <script> $.noConflict(); // Use other library's $ from this point on here </script> ©WebAgeSolutions.com 15 jQuery Mobile The Query Mobile is a framework for building mobile web applications (shown in browsers of mobile devices with limited screen resolution) It uses extensions to jQuery Standard and HTML5 & CSS3 for laying out pages with minimal scripting (it uses a declarative way to express design intents ) ©WebAgeSolutions.com 16 jQuery Mobile Page Code <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="jquery.mobile.min.css"> <script src="query.min.js"></script> <script src="jquery.mobile.min.js"></script> </head><body> <div data-role="page"> <div data-role="header"> <h1>This is the header of the page</h1> </div> <div data-role="main" class="ui-content"> <p>Content goes here</p> </div> <div data-role="footer"> <h1>The footer goes here</h1> </div> </div> </body></html> ©WebAgeSolutions.com 17 Hybrid Mobile Applications Hybrid mobile applications run on mobile devices inside a native execution container like regular native apps The rendering of the user interface (UI) of hybrid mobile apps is done using standard web technologies: HTML, CSS and JavaScript Hybrid apps have an embedded native device bridge that allows them to leverage such device capabilities (if those are present) as accelerometer, camera, compass, file system, device info, contacts database, etc. The native bridge functionality is exposed via a set of JavaScript APIs (e.g. Apache Cordova) that communicate with the bridge using AJAX calls ©WebAgeSolutions.com 18 IBM Worklight Technology Source: IBM Worklight Technology Overview White Paper ©WebAgeSolutions.com 19 Worklight Device Runtime Components IBM Worklight provides client-side runtime components (deployed on the device) that help wire up Worklight-authored device applications with the Worklight Server The following client-side components are shipped with Worklight: JavaScript libraries Native device libraries (written in Java, Objective-C, etc.) ©WebAgeSolutions.com 20 AngularJS AngularJS is an open-source JavaScript framework Focuses on single-page Rich Client Web applications Offers client-side Model–View–Controller (MVC) capability Plumbing is provided in the form of special custom (ng-*) tag attributes The attributes' values are AngularJS directives for handling page logic Offers two-way data-binding that allows for the automatic synchronization of the model and view (UI) components ©WebAgeSolutions.com 21 The MVC Structure ©WebAgeSolutions.com 22 One-Way (Traditional) Data Binding Traditional web pages use one-way data binding: The declarative template expressed in HTML code is merged with the model (data) to form the view Changes in the model are not automatically propagated and reflected in the view - you need to write JavaScript code to push out the changes Any changes in the view are also not immediately reflected in the model All this means that the web page developer has to always write code to keep the view in synch with the model and the model back with the view ©WebAgeSolutions.com 23 Two-Way Data Binding Any changes to the view are immediately reflected in the model, and any changes in the model are propagated to the view Source: https://docs.angularjs.org/guide/databinding ©WebAgeSolutions.com 24 Speeding Things Up AngularJS implements its data binding in JavaScript which has inherent speed limitations as any other interpreted language Google is working with the TC39 – ECMAScript (JavaScript) technical committee to see if a new low- level structure called Object.observe() can be natively implemented in JavaScript runtimes which will give browsers the ability to track JavaScript object (data model) changes With the Object.observe() implementation in place, data binding can be performed at native data speeds ©WebAgeSolutions.com 25 Hello AngularJS ©WebAgeSolutions.com 26 The Hello AngularJS Code <!doctype html> <html ng-app> <head> <title>Hello AngularJS!</title> <script src='angular.js'></script> </head> <body> Enter user name: <input type="text" ng-model='name'><br> Enter user age : <input type="number" ng-model='age'> <p style='color:blue;'>User {{name}} is {{age}} years old</p> </body></html> Notes: Add <button ng-click="name ='foo'">Foo it ...</button> to change the displayed name (two-way binding) You can use ng-bind attribute to bind a model var to UI, e.g. <p ng-bind="your_model_variable"></p> ©WebAgeSolutions.com 27 Additional Observations AngularJS uses no CSS classes or IDs You don't need to write / register any DOM event listeners / callbacks Controllers are plain JavaScript classes The $scope framework object is supplied at run-time by way of Dependency Injection mechanism ©WebAgeSolutions.com 28 HTTP Connector [ {"name":"stock", "value": 139.80}, {"name":"cash", "value": 234.99}, Server Data ] function DataConroller($scope, $http) { $http.get('/assets').success(function(data, status, headers, config) { $scope.assets = data; }); Connector } <body ng-controller="DataConroller"> <table> <tr ng-repeat="a in assets"> <td>{{a.name}}</td><td>{{a.value | currency}}</td>
Recommended publications
  • Machine Learning in the Browser
    Machine Learning in the Browser The Harvard community has made this article openly available. Please share how this access benefits you. Your story matters Citable link http://nrs.harvard.edu/urn-3:HUL.InstRepos:38811507 Terms of Use This article was downloaded from Harvard University’s DASH repository, and is made available under the terms and conditions applicable to Other Posted Material, as set forth at http:// nrs.harvard.edu/urn-3:HUL.InstRepos:dash.current.terms-of- use#LAA Machine Learning in the Browser a thesis presented by Tomas Reimers to The Department of Computer Science in partial fulfillment of the requirements for the degree of Bachelor of Arts in the subject of Computer Science Harvard University Cambridge, Massachusetts March 2017 Contents 1 Introduction 3 1.1 Background . .3 1.2 Motivation . .4 1.2.1 Privacy . .4 1.2.2 Unavailable Server . .4 1.2.3 Simple, Self-Contained Demos . .5 1.3 Challenges . .5 1.3.1 Performance . .5 1.3.2 Poor Generality . .7 1.3.3 Manual Implementation in JavaScript . .7 2 The TensorFlow Architecture 7 2.1 TensorFlow's API . .7 2.2 TensorFlow's Implementation . .9 2.3 Portability . .9 3 Compiling TensorFlow into JavaScript 10 3.1 Motivation to Compile . 10 3.2 Background on Emscripten . 10 3.2.1 Build Process . 12 3.2.2 Dependencies . 12 3.2.3 Bitness Assumptions . 13 3.2.4 Concurrency Model . 13 3.3 Experiences . 14 4 Results 15 4.1 Benchmarks . 15 4.2 Library Size . 16 4.3 WebAssembly . 17 5 Developer Experience 17 5.1 Universal Graph Runner .
    [Show full text]
  • Pragmatic Guide to Javascript
    www.allitebooks.com What Readers Are Saying About Pragmatic Guide to J a v a S c r i p t I wish I had o w n e d this book when I first started out doing JavaScript! Prag- matic Guide to J a v a S c r i p t will take you a big step ahead in programming real-world JavaScript by showing you what is going on behind the scenes in popular JavaScript libraries and giving you no-nonsense advice and back- ground information on how to do the right thing. W i t h the condensed years of e x p e r i e n c e of one of the best JavaScript developers around, it’s a must- read with great reference to e v e r y d a y JavaScript tasks. Thomas Fuchs Creator of the script.aculo.us framework An impressive collection of v e r y practical tips and tricks for getting the most out of JavaScript in today’s browsers, with topics ranging from fundamen- tals such as form v a l i d a t i o n and JSON handling to application e x a m p l e s such as mashups and geolocation. I highly recommend this book for anyone wanting to be more productive with JavaScript in their web applications. Dylan Schiemann CEO at SitePen, cofounder of the Dojo T o o l k i t There are a number of JavaScript books on the market today, b u t most of them tend to focus on the new or inexperienced JavaScript programmer.
    [Show full text]
  • 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]
  • THE FUTURE of SCREENS from James Stanton a Little Bit About Me
    THE FUTURE OF SCREENS From james stanton A little bit about me. Hi I am James (Mckenzie) Stanton Thinker / Designer / Engineer / Director / Executive / Artist / Human / Practitioner / Gardner / Builder / and much more... Born in Essex, United Kingdom and survived a few hair raising moments and learnt digital from the ground up. Ok enough of the pleasantries I have been working in the design field since 1999 from the Falmouth School of Art and onwards to the RCA, and many companies. Ok. less about me and more about what I have seen… Today we are going to cover - SCREENS CONCEPTS - DIGITAL TRANSFORMATION - WHY ASSETS LIBRARIES - CODE LIBRARIES - COST EFFECTIVE SOLUTION FOR IMPLEMENTATION I know, I know, I know. That's all good and well, but what does this all mean to a company like mine? We are about to see a massive change in consumer behavior so let's get ready. DIGITAL TRANSFORMATION AS A USP Getting this correct will change your company forever. DIGITAL TRANSFORMATION USP-01 Digital transformation (DT) – the use of technology to radically improve performance or reach of enterprises – is becoming a hot topic for companies across the globe. VERY DIGITAL CHANGING NOT VERY DIGITAL DIGITAL TRANSFORMATION USP-02 Companies face common pressures from customers, employees and competitors to begin or speed up their digital transformation. However they are transforming at different paces with different results. VERY DIGITAL CHANGING NOT VERY DIGITAL DIGITAL TRANSFORMATION USP-03 Successful digital transformation comes not from implementing new technologies but from transforming your organisation to take advantage of the possibilities that new technologies provide.
    [Show full text]
  • Onclick Event-Handler
    App Dev Stefano Balietti Center for European Social Science Research at Mannheim University (MZES) Alfred-Weber Institute of Economics at Heidelberg University @balietti | stefanobalietti.com | @nodegameorg | nodegame.org Building Digital Skills: 5-14 May 2021, University of Luzern Goals of the Seminar: 1. Writing and understanding asynchronous code: event- listeners, remote functions invocation. 2. Basic front-end development: HTML, JavaScript, CSS, debugging front-end code. 3. Introduction to front-end frameworks: jQuery and Bootstrap 4. Introduction to back-end development: NodeJS Express server, RESTful API, Heroku cloud. Outputs of the Seminar: 1. Web app: in NodeJS/Express. 2. Chrome extensions: architecture and examples. 3. Behavioral experiment/survey: nodeGame framework. 4. Mobile development: hybrid apps with Apache Cordova, intro to Ionic Framework, progressive apps (PWA). Your Instructor: Stefano Balietti http://stefanobalietti.com Currently • Fellow in Sociology Mannheim Center for European Social Research (MZES) • Postdoc at the Alfred Weber Institute of Economics at Heidelberg University Previously o Microsoft Research - Computational Social Science New York City o Postdoc Network Science Institute, Northeastern University o Fellow IQSS, Harvard University o PhD, Postdoc, Computational Social Science, ETH Zurich My Methodology Interface of computer science, sociology, and economics Agent- Social Network Based Analysis Models Machine Learning for Optimal Experimental Experimental Methods Design Building Platforms Patterns
    [Show full text]
  • Angularjs Native Rich Clients with Eclipse RCP WEB APPS UNTIL NOW
    Die Grundlagen Philipp Burgmer theCodeCampus / Weigle Wilczek GmbH ABOUT ME Philipp Burgmer Software Engineer / Consultant / Trainer Focus: Frontend, Web Technologies WeigleWilczek GmbH [email protected] ABOUT US WeigleWilczek / W11k Software Design, Development & Maintenance Consulting, Trainings & Project Kickoff Web Applications with AngularJS Native Rich Clients with Eclipse RCP WEB APPS UNTIL NOW JSF UI on Server A lot HTTP Requests Just to Update UI Hard to Use JS Libs / Scatters UI Logic GWT UI in Java / XML Hard to Use JS Libs / Scatters UI Logic "Java World" Instead of "Web World" Flex Clean Separation of Front- and Backend Based on Flash, Adobe Discontinues Developement MXML and ActionScript Instead of HTML and JavaScript WEB APPS FROM NOW ON Frontend Runs Completely in the Browser Stateful UI, Stateless Server Server Delivers Static Resources Server Delivers Dynamic Data HTML, CSS and JavaScript as UI Toolkit WHAT IS ANGULARJS? HTML Enhanced for Web Apps angularjs.com Client / Browser JS Framework Rich Browser Applications Brings Core Frontend Concepts and Features to the Browser Extends HTML Instead of Abstracting or Wrapping It angularjs.org Current Versions: 1.2.23 and 1.3.0-beta.19 License: MIT CORE CONCEPTS Model View Controller Modules Pattern Dependency Injection Two Way Data-Binding Services Directives Filter Goals Separation of Concerns Make It Easier to Write Clean Code Make It Easier to Write Testable Code Offer Concepts and Be Open for Extensions DEMO Two Way Data-Binding [ JS Bin | localhost ] Add Logic with a Controller
    [Show full text]
  • Metropolia-Thesis.Pdf
    Joni Korpi Adaptive Web Design As applied to the design process of a web application Metropolia University of Applied Sciences Bachelor of Engineering Media Technology Bachelor’s Thesis 16.3.2012 Abstract Author Joni Korpi Title Adaptive Web Design As applied to the design process of a web application Number of Pages 36 pages Date 18.3.2012 Degree Bachelor of Engineering Degree Programme Media Technology Specialisation option Digital Media Instructors Aarne Klemetti, Senior Lecturer Harri Airaksinen, Principal Lecturer This thesis explored the usage of adaptive web design techniques in the design process of a reservation and inventory management web application, New Reserve. It attempted to uncover issues a designer is likely to face when moving from a tradi- tional web design process to an adaptive one. Most issues uncovered were related to keeping visual design appealing and attempt- ing to support multiple input methods, such as touch screens and mice, at the same time. Using a fluid grid for visual design was found to be difficult, as they caused problems when elements start stretching beyond their optimal maximum dimensions, and when element dimensions are determined in a mix of percentage units and absolute units. Intentionally leaving empty space in wide designs and using the alternative "border-box" model were found to alleviate these problems. Using the "Mobile First" approach for design was found to be recommended, as the amount of mobile internet users is set to overtake desktop internet users very soon. The approach also helps in keeping designs cruft-free. Making images adapt to mo- bile sizes and bandwidth restrictions was found to be difficult, but there is hope for a standards-based technique to deal with this in the near future.
    [Show full text]
  • Angularjs in 60 Minutes
    AngularJS in 60 Minutes by Dan Wahlin Transcription and Arrangement by Ian Smith © 2013, 2014 Wahlin Consulting 1 | P a g e Video Length: 01:10:49 So you’ve heard about AngularJS, but you’re not exactly sure how to get started with it? This video’s for you. AngularJS Fundamentals in 60-ish Minutes is going to go through all of the key fundamentals you need to know about the AngularJS SPA framework. Video: http://www.youtube.com/watch?v=i9MHigUZKEM Disclaimer: The original content is copyright of the original “free to download” video published as indicated by the link to the original source material above. Any mistakes, opinions or views in that content are those of the original presenter. Any mistakes in the actual transcription of that content are the fault of the transcriber. © 2013, 2014 Wahlin Consulting 2 | P a g e Contents AngularJS in 60 Minutes .......................................................................................................................... 1 Introduction ............................................................................................................................................ 4 Module 1: Getting Started .................................................................................................................... 15 Single Page Application (SPA) ........................................................................................................... 16 The Challenge With SPAs .................................................................................................................
    [Show full text]
  • Angularjs Tutorial
    AngularJS Tutorial Sunnie Chung http://www.w3schools.com/angular/angular_intro.asp http://www.w3schools.com/angular/angular_modules.asp http://www.w3schools.com/angular/angular_http.asp http://www.w3schools.com/angular/angular_sql.asp AngularJS is a JavaScript framework . It can be added to an HTML page with a <script> tag. AngularJS extends HTML attributes with Directives , and binds data to HTML with Expressions . AngularJS is a JavaScript Framework AngularJS is a JavaScript framework. It is a library written in JavaScript. AngularJS is distributed as a JavaScript file, and can be added to a web page with a script tag: <script src ="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js">< / script > AngularJS Extends HTML AngularJS extends HTML with ng-directives . The ng-app directive defines an AngularJS application. The ng-model directive binds the value of HTML controls (input, select, textarea) to application data. The ng-bind directive binds application data to the HTML view. AngularJS Example <!DOCTYPE html > <html > <script src ="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js">< / script > <body > <div ng-app =""> <p>Name: <input type ="text" ng-model ="name">< /p > <p ng-bind ="name">< /p > </div > </body > </html > Example explained: AngularJS starts automatically when the web page has loaded. The ng-app directive tells AngularJS that the <div> element is the "owner" of an AngularJS application . The ng-model directive binds the value of the input field to the application variable name . The ng-bind directive binds the innerHTML of the <p> element to the application variable name .
    [Show full text]
  • Comparative Analysis of Angularjs and Reactjs
    International Journal of Latest Trends in Engineering and Technology Vol.(7)Issue(4), pp.225-227 DOI: http://dx.doi.org/10.21172/1.74.030 e-ISSN:2278-621X COMPARATIVE ANALYSIS OF ANGULARJS AND REACTJS Anurag Kumar1 and Ravi Kumar Singh2 Abstract- We live in a different era of web, we need better ways to quickly develop and deploy interactive web applications and that is where JavaScript frameworks come to the picture. JavaScript frameworks are the backbone of single page web applications development and provide superpowers to plain HTML and JavaScript. AngularJS and React.js are two most used javascript frameworks in current web development. Both frameworks are used to build interactive single page application. This research paper helps in understanding AngularJS and ReactJS. Keywords – Javascript, AngularJS, ReactJS, Two-way binding, Virtual DOM I. INTRODUCTION JavaScript is a client side scripting language which is used for providing dynamic attributes and features to the HTML webpages .JavaScript was developed for supporting the browser with feature of asynchronous communication, controlling the browser and for user interaction with the web page components. An HTML page is just a static page. JavaScript can make the website more interactive and user- friendliness, JavaScript helps easy navigation of the website and to provides interactivity. Based on JavaScript there are many frameworks are developed and also added many new features for server side scripting. JavaScript has emerged so much in web industry and if you look at the current websites there are no web technologies that are not using JavaScript. JavaScript is a dynamic scripting language, it instruct the browser to make changes to page elements after loading a page.
    [Show full text]
  • Qooxdoo Interview Questions and Answers Guide
    Qooxdoo Interview Questions And Answers Guide. Global Guideline. https://www.globalguideline.com/ Qooxdoo Interview Questions And Answers Global Guideline . COM Qooxdoo Job Interview Preparation Guide. Question # 1 What is Qooxdoo? Answer:- qooxdoo is an open source Ajax web application framework. It is an LGPL- and/or EPL-licensed multipurpose framework that includes support for professional JavaScript development, a graphical user interface (GUI) toolkit and high-level client-server communication. Read More Answers. Question # 2 Is qooxdoo freely available? Answer:- Yes. qooxdoo is Open Source, dual-licensed under LGPL/EPL, i.e. the "GNU Lesser General Public License (LGPL)" and the "Eclipse Public License (EPL)". As a recipient of qooxdoo, you may choose which license to receive the code under. Read More Answers. Question # 3 Who developed qooxdoo? Answer:- qooxdoo was initiated and is maintained by 1&1, the world's biggest web hosting company. There is a team of full-time core developers as well as many committers and contributors. Read More Answers. Question # 4 Which browsers are supported? Answer:- A qooxdoo application runs in all major web browsers - with identical look & feel. Read More Answers. Question # 5 Does qooxdoo come with a server? Answer:- No. If you already have an existing backend that serves HTTP (or HTTPS) requests, it's probably fine to continue using it. Optionally qooxdoo offers several RPC servers for an elegant client-server communication. BTW, during development of your client application the local file system often is sufficient, without the need to use a real server. Read More Answers. Question # 6 What languages and technologies do we need to know? Answer:- Not many.
    [Show full text]
  • Krivenko Eugene
    Krivenko Eugene city: Kiev E-mail: [email protected] CONTACT Website: https://www.linkedin.com/in/eugen- krivenko Phone: +380632141113 OBJECTIVE I'm a Front-end developer seeking an opportunity to participate in an interesting project and to become a part of a great team. Desire to work with React, NodeJS etc. Love for minimalizm, optimisation, clean code, structuring, best practices. PROFESSIONAL SKILLS Javascript, Typescript React, AngularJS, Angular2 Redux, RxJS Webpack, Gulp WebSockets (socket.io, signalR, sip.js) Node.JS (Hapi, Express) Bootstrap, HTML, CSS, SCSS, SASS, Angular Material D3.js SEO understanding WORK EXPERIENCE Maxitech 04.2019 — 03.2021 Frontend developer Responsibilities: Implement new features and improve existing ones Improve Redux store structure Improve components architecture Code review Bug fixing Interview new candidates Mentoring Environment: React, Redux, Redux Toolkit, RxJS, signalR, socket.io, Express, Typescript, Git, PostCSS, Jest, Webpack Krivenko Eugene 1 MWDN 09.2017 — 03.2019 Frontend developer Responsibilities: Implement new features and improve existing ones Maintain existing projects AngularJs/React Migrate project from AngularJS to React Refactoring Code review Bug fixing Interview new candidates Environment: React, AngularJS, Git, SASS, CSSinJS, Redux, Webpack, MobX, ES6, Typescript, Jenkins, Hapi.js, MongoDB, D3, Jira Evoplay 09.2016 — 08.2017 Frontend developer Lead Responsibilities: Create new project from scratch Implement new features and improve existing ones Participate in project
    [Show full text]