DOCSLIB.ORG

Ionic-Framework

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read full-text
Ionic-Framework ionic-framework #ionic- framework 1 1: ionic-framework 2 2 2 Examples 2 2 1. nonic ( ) Ionic Framework Cordova (Ionic Cordova ) 2 2. : 3 3. 3 3 Ionic Framework Hello World 5 Yo (Yeoman) Ionic Projects (Ionic Cloud) 6 : 6 , , . 6 6 Yeoman Ionic Framework , Web 7 7 Ionic . 7 8 . 8 9 / / . 9 10 . 10 11 2: " " " " ? 13 Examples 13 ionic vs ionic preparation 13 3: Ionic - jshint gulp-jshint 14 14 linting ? 14 Examples 14 14 .jshintrc ( ) 14 Makefile 15 4: Ionic 16 16 Examples 16 16 3 19 5: Ionic Apps 22 Examples 22 22 22 22 Github Repo 22 Codepen URL 22 : 22 / : 22 6: Ionic EcmaScript 6 ? 23 Examples 23 23 7: Ionic 24 24 24 Examples 24 Ionic 24 8: Ionic . 25 Examples 25 www . 25 9: Yeoman Ionic 26 Examples 26 Yo (Yeoman) Ionic Projects (Ionic Cloud) 26 : 26 , , . 26 26 Yeoman Ionic Framework , Web 26 27 Ionic . 27 28 . 28 29 / / . 29 30 . 30 31 10: Ionic 32 Examples 32 . 32 11: 33 33 33 Examples 34 34 LiveReload 34 34 IP 34 34 / 35 12: Ionic App 36 Examples 36 Ionic App 36 1. 36 2. 36 () 36 run emulate / 36 3. 37 4. 37 4.1. 38 13: (HTTP ) 39 Examples 39 n . 39 14: 40 40 Examples 40 40 40 15: AngularJS 41 41 Examples 41 41 41 41 41 42 16: CSS 43 43 Examples 43 43 43 44 44 44 45 46 17: (ionic.io) 47 Examples 47 47 18: 48 Examples 48 macOS 48 19: CLI 49 49 49 49 : 49 Examples 50 jshint before_prepare . 50 52 You can share this PDF with anyone you feel could benefit from it, downloaded the latest version from: ionic-framework It is an unofficial and free ionic-framework ebook created for educational purposes. All the content is extracted from Stack Overflow Documentation, which is written by many hardworking individuals at Stack Overflow. It is neither affiliated with Stack Overflow nor official ionic-framework. The content is released under Creative Commons BY-SA, and the list of contributors to each chapter are provided in the credits section at the end of this book. Images may be copyright of their respective owners unless otherwise specified. All trademarks and registered trademarks are the property of their respective company owners. Use the content presented in this book at your own risk; it is not guaranteed to be correct nor accurate, please send your feedback and corrections to [email protected] https://riptutorial.com/ko/home 1 1: ionic-framework Ionic HTML, CSS JavaScript . " ". Ionic AngularJS , . Ionic CSS / SASS Javascript UI Extensions . (CLI) , . " " . , . Ionic . Apache Cordova . Cordova , , Cordova . Cordova (, ) . trigger.io . 1.3.1 "" 2016-05-12 1.3.0 "" 2016-04-21 1.2.0 " - " 2015-12-09 1.1.0 " - " 2015-08-13 1.0.0 " - " 2015-05-12 Examples 1. nonic ( ) Ionic Framework Cordova (Ionic Cordova ) . Node.js . Node.js . Mac Xcode iOs Simulator . (Mac) (Windows) Cordova Ionic . $ npm install -g cordova ionic Mac sudo . $ sudo npm install -g cordova ionic Cordova Ionic . $ npm update -g cordova ionic $ sudo npm update -g cordova ionic Android iOS . : iOS Mac OS X . Ionic CLI iOS ios-sim npm . https://riptutorial.com/ko/home 2 $ sudo npm -g install ios-sim 2. : , . $ ionic start myApp blank $ ionic start myApp tabs $ ionic start myApp sidemenu 3. iOS Android Ionic . $ ionic serve --lab ionic serve --lab UI ionic serve --lab Javascript . $ ionic serve . $ cd myApp $ ionic platform add ios android $ ionic build ios $ ionic emulate ios iOS : $ ionic build android $ ionic emulate android USB Android Ionic . $ ionic run android USB iOS Ionic . $ ionic run ios --device Angular JS https://riptutorial.com/ko/home 3 : http://ionicframework.com/ : http://ionicframework.com/docs/ Ionic NPM ( ) Cordova. Npde JS NPM . Apache Cordova NPM . npm install -g cordova NPM Cordova ionic framework . npm install -g ionic . * . Ionic Framework Project . ionic start myproject ionic start myproject [template_name] : Ionic . tabs () : . sidemenu : . blank : . myproject . ionic serve --lab ionic serve ionic platform [Platform Name] ionic build [Platform Name] ionic emulate [platform name] android and ios . https://riptutorial.com/ko/home 4 . ionic run [platform name] ionic --help ionic help ionic cli . ionic CSS . ionic Javascript API . ... Ionic Framework Hello World Hello World App • . ionic start HelloWorld blank // create new project cd HelloWorld // get into HelloWorld directory • subline / webstrome IDE HelloWorld . ○ www / ditectory index.html <body ng-app="starter"> <ion-pane> <ion-header-bar class="bar-stable"> <h1 class="title">Ionic Hello World App</h1> </ion-header-bar> <ion-content> <div class="center">Hello World..!</div> </ion-content> </ion-pane> </body> • . ionic serve // run the app in browser • : ionic platform add android // add android platform ionic platform add ios // add ios platform https://riptutorial.com/ko/home 5 • . adb devices // to check devices is connected ionic run android // to run on android devices ionic run ios // to run on ios devices • livereload : ionic run android -c -s -l // to check app in live reload with console. Yo (Yeoman) Ionic Projects (Ionic Cloud) : , , . : Ionic Platform . , . : . Yeoman Ionic Ionic Platform . : Yeoman Ionic Ionic Platform Web Client Ionic . Ionic Deploy, Ionic Analytics Ionic Push . : Web / Mobile App . : / . • AngularJs : https://docs.angularjs.org/guide • IonicFramework : http://ionicframework.com/docs/guide • Yeoman : http://yeoman.io/codelab/index.html • : https://github.com/diegonetto/generator-ionic • : https://ionic.io/platform https://riptutorial.com/ko/home 6 Yeoman Ionic Framework , Web Node.js Chrome V8 . npm JavaScript . http://nodejs.org Node ( npm) . $ npm install npm –g $ npm install -g yo Yeoman . $ yo ionic [app-name] package.json devDependencies . "grunt-string-replace": "^1.2.1" bower.json . "ionic-platform-web-client": "^0.7.1" Gruntfile.js 'js' . index.html . grunt.initConfig({ yeoman: {………… scripts: 'js', ………… } }) $ bower install && npm install $ grunt $ grunt serve $ cordova platform add android $ grunt build:android --debug Ionic . Ionic . Ionic.io Ionic Ionic . $ ionic io init app.js 'ionic.service.core' . Gruntfile.js 'ionicSettings' . grunt.initConfig({ ionicSettings: JSON.stringify(grunt.file.readJSON('./.io-config.json')), https://riptutorial.com/ko/home 7 ionicIoBundlePath: 'www/bower_components/ionic-platform-web- client/dist/ionic.io.bundle.min.js', 'string-replace': { ionicSettings: { files: { '<%= ionicIoBundlePath %>': '<%= ionicIoBundlePath %>', }, options: { replacements: [ { pattern: '"IONIC_SETTINGS_STRING_START";"IONIC_SETTINGS_STRING_END"', replacement: '"IONIC_SETTINGS_STRING_START";var settings =<%= ionicSettings %>; return { get: function(setting) { if (settings[setting]) { return settings[setting]; } return null; } };"IONIC_SETTINGS_STRING_END";' } ] } } }, copy: { ionicPlatform:{ expand: true, cwd: 'app/bower_components/ionic-platform-web-client/dist/', src: ['**'], dest: 'www/bower_components/ionic-platform-web-client/dist' } } }); grunt.registerTask('ionicSettings', ['copy:ionicPlatform','string-replace:ionicSettings']); init 'ionicSettings' . index.html . <script src="bower_components/ionic-platform-web-client/dist/ionic.io.bundle.min.js"></script> $ Grunt serve . Ionic Deploy . Ionic Deploy . Gruntfile.js grunt 'deploy' . grunt.registerTask('deploy', function () { return grunt.task.run(['init', 'ionic:upload' + this.args.join()]); }); https://riptutorial.com/ko/home 8 . $ ionic plugin add ionic-plugin-deploy : var deploy = new Ionic.Deploy(); // Check Ionic Deploy for new code deploy.check().then(function(hasUpdate) { }, function(err) { }); // Update app code with new release from Ionic Deploy deploy.update().then(function(result) { }, function(error) { }, function(progress) { }); : . apk . ' grunt deploy ' . apps.ionic.io . deploy . $ grunt build:android --debug $ grunt deploy --note "release notes" $ grunt deploy --note "release notes" --deploy=production / / . ? ? . Ionic Analytics . app.js ionic.service.core 'ionic.service.analytics' . $ionicAnalytics.register(); Ionic Analytics . $ionicAnalytics.track(eventType, eventData) . $ionicAnalytics.track('User Login', { user: $scope.user }); ion-track-tap . ion-track-data . https://riptutorial.com/ko/home 9 <button ion-track-tap="eventType" ion-track-data="expression"></button> apps.ionic.io . : . : . : . : . : . Ionic Push API . Android : Android Google (GCM) . Google Developers Console . GCM ID GCM . API Google Cloud Messaging API . Credentials Create credentials API Key Server Key . API ... API : Ionic Platform -> . Android Google Cloud Messaging Google API . -> API . API . API . $ ionic plugin add phonegap-plugin-push --variable SENDER_ID="GCM_PROJECT_NUMBER" $ ionic config set gcm_key <your-gcm-project-number> $ ionic config set dev_push false $ ionic io init : phonegap-plugin-push Android 32 . app.js ionic.service.core 'ionic.service.push' : . $ionicPush.init({ debug: true, https://riptutorial.com/ko/home 10 onNotification: function (notification) { console.log'token:', notification.payload); }, onRegister: function (token) { console.log('Device Token:', token); $ionicPush.saveToken(token); // persist the token in the Ionic Platform } }); $ionicPush.register(); . $ grunt build:android --debug Ionic Push . curl -X POST -H "Authorization: Bearer API_TOKEN" -H "Content-Type: application/json" -d '{ "tokens": ["DEVICE_TOKEN"], "profile": "PROFILE_TAG", "notification": { "message": "Hello World!" "android": { "title": "Hi User", "message": "An update is available for your App", "payload": { "update": true } } } }' "https://api.ionic.io/push/notifications" : iOS Ionic Push . iOS http://docs.ionic.io/v2.0.0-beta/docs/ios-push-profiles . IonicApp: │ │ bower.json │ Gruntfile.js
Load more

Recommended publications
  • Npm Packages As Ingredients: a Recipe-Based Approach
    npm Packages as Ingredients: a Recipe-based Approach Kyriakos C. Chatzidimitriou, Michail D. Papamichail, Themistoklis Diamantopoulos, Napoleon-Christos Oikonomou, and Andreas L. Symeonidis Electrical and Computer Engineering Dept., Aristotle University of Thessaloniki, Thessaloniki, Greece fkyrcha, mpapamic, thdiaman, [email protected], [email protected] Keywords: Dependency Networks, Software Reuse, JavaScript, npm, node. Abstract: The sharing and growth of open source software packages in the npm JavaScript (JS) ecosystem has been exponential, not only in numbers but also in terms of interconnectivity, to the extend that often the size of de- pendencies has become more than the size of the written code. This reuse-oriented paradigm, often attributed to the lack of a standard library in node and/or in the micropackaging culture of the ecosystem, yields interest- ing insights on the way developers build their packages. In this work we view the dependency network of the npm ecosystem from a “culinary” perspective. We assume that dependencies are the ingredients in a recipe, which corresponds to the produced software package. We employ network analysis and information retrieval techniques in order to capture the dependencies that tend to co-occur in the development of npm packages and identify the communities that have been evolved as the main drivers for npm’s exponential growth. 1 INTRODUCTION Given that dependencies and reusability have be- come very important in today’s software develop- The popularity of JS is constantly increasing, and ment process, npm registry has become a “must” along is increasing the popularity of frameworks for place for developers to share packages, defining code building server (e.g.
    [Show full text]
  • How to Pick Your Build Tool
    How to Pick your Build Tool By Nico Bevacqua, author of JavaScript Application Design Committing to a build technology is hard. It's an important choice and you should treat it as such. In this article, based on the Appendix from JavaScript Application Design, you'll learn about three build tools used most often in front-end development workflows. The tools covered are Grunt, the configuration-driven build tool; npm, a package manager that can also double as a build tool; and Gulp, a code-driven build tool that's somewhere in between Grunt and npm. Deciding on a technology is always hard. You don't want to make commitments you won't be able to back out of, but eventually you'll have to make a choice and go for something that does what you need it to do. Committing to a build technology is no different in this regard: it's an important choice and you should treat it as such. There are three build tools I use most often in front-end development workflows. These are: Grunt, the configuration-driven build tool; npm, a package manager that can also double as a build tool; and Gulp, a code-driven build tool that's somewhere in between Grunt and npm. In this article, I'll lay out the situations in which a particular tool might be better than the others. Grunt: The good parts The single best aspect of Grunt is its ease of use. It enables programmers to develop build flows using JavaScript almost effortlessly. All that's required is searching for the appropriate plugin, reading its documentation, and then installing and configuring it.
    [Show full text]
  • Kaang: a Restful API Generator for the Modern Web
    Kaang: A RESTful API Generator for the Modern Web Ricardo Queirós CRACS & INESC-Porto LA & DI/ESMAD/P.PORTO, Porto, Portugal [email protected] https://orcid.org/0000-0002-1985-6285 Abstract Technology is constantly evolving, as a result, users have become more demanding and the ap- plications more complex. In the realm of Web development, JavaScript is growing in a surprising way, already leaving the boundaries of the browser, mainly due to the advent of Node.js. In fact, JavaScript is constantly being reinvented and, from the ES2015 version, began to include the OO concepts typically found in other programming languages. With Web access being mostly made by mobile devices, developers face now performance challenges and need to perform a plethora of tasks that weren’t necessary a decade ago, such as managing dependencies, bundling files, minifying code, optimizing images and others. Many of these tasks can be achieved by using the right tools for the job. However, developers not only have to know those tools, but they also must know how to access and operate them. This process can be tedious, confusing, time-consuming and error-prone. In this paper, we present Kaang, an automatic generator of RESTFul Web applications. The ultimate goal of Kaang is to minimize the impact of creating a RESTFul service by automating all its workflow (e.g., files structuring, boilerplate code generation, dependencies management, and task building). This kind of generators will benefit two types of users: will help novice developers to decrease their learning curve while facing the new frameworks and libraries commonly found in the modern Web and speed up the work of expert developers avoiding all the repetitive and bureaucratic work.
    [Show full text]
  • Visual Studio 2013 Web Tooling
    Visual Studio 2013 Web Tooling Overview Visual Studio is an excellent development environment for .NET-based Windows and web projects. It includes a powerful text editor that can easily be used to edit standalone files without a project. Visual Studio maintains a full-featured parse tree as you edit each file. This allows Visual Studio to provide unparalleled auto-completion and document-based actions while making the development experience much faster and more pleasant. These features are especially powerful in HTML and CSS documents. All of this power is also available for extensions, making it simple to extend the editors with powerful new features to suit your needs. Web Essentials is a collection of (mostly) web-related enhancements to Visual Studio. It includes lots of new IntelliSense completions (especially for CSS), new Browser Link features, automatic JSHint for JavaScript files, new warnings for HTML and CSS, and many other features that are essential to modern web development. Objectives In this hands-on lab, you will learn how to: Use new HTML editor features included in Web Essentials such as rich HTML5 code snippets and Zen coding Use new CSS editor features included in Web Essentials such as the Color picker and Browser matrix tooltip Use new JavaScript editor features included in Web Essentials such as Extract to File and IntelliSense for all HTML elements Exchange data between your browser and Visual Studio using Browser Link Prerequisites The following is required to complete this hands-on lab: Microsoft Visual Studio Professional 2013 or greater Web Essentials 2013 Google Chrome Setup In order to run the exercises in this hands-on lab, you will need to set up your environment first.
    [Show full text]
  • Front-End Tools and Workflows
    twitter.com/NikkitaFTW iamsaravieira.com [email protected] Editors Sublime Text 3 •Cross Platform •Multiple Selections •Completely Customisable •Package Control Package Control Amazing community behind it Atom •Built By Github •Completely built with web technologies •Node Integration •Hackable from top to bottom •Themes and Extensions by the team and community Brackets •Built by adobe •Inline Editors •Live Preview •Preprocessor support •Extract Extension that gets information from PSD files. Scaffolding & asset management tools NPM • Comes bundled with NodeJS • Package manager for Javascript • Manage Code dependencies • Download dependencies straight to your project or install them on your machine. • More than 100,000 packages on the registry. Bower npm install -g bower • Package manager for the web. • Optimised for front end by getting only one version of the required library of choice. • You can define the version of the package you want. Yeoman npm install -g yo •Combination of Yo , a build tool and a package manager • Yo scaffolds a new application adding all the tasks you need the build tool to do. •The build tool builds, previews and tests your project. •The package manager takes care of the dependencies in your project, Coding Languages SASS • CSS Preprocessor • Use variables in CSS • Mixins • Nesting • Import files without any addition HTTP requests CSS Preprocessors • LESS • Stylus • Myth • etc.. CoffeeScript npm install -g coffe-script • Easy on the eyes • String Interpolation • Readable Javascript Output Website Frameworks Bootstrap
    [Show full text]
  • Online Resume Builder Managing Network System for Internal and External Clients
    Rudy Website: http://www.rudylee.com Email: [email protected] Full-stack Web Developer Full-stack web developer with over 5 years of professional experience. Focus on sustainable web application architecture using PHP, Ruby on Rails, AngularJS, NodeJS, jQuery and responsive HTML/CSS. Experience RateCity JANUARY, 2015 TO PRESENT Ruby on Rails Developer Technologies & Tools Used Ruby on Rails, HTML5, PostgreSQL, jQuery, SASS, Git and Amazon AWS. Captiv8 MAY, 2012 TO DEC, 2014 Web Developer Technologies & Tools Used PHP, Ruby on Rails, HTML5, MySQL, PostgreSQL, jQuery, NodeJS, Grunt, SASS, AngularJS, Yeoman, Firebase, Git, Code Igniter, Zend Framework 2, CakePHP, Vagrant, Chef, Amazon AWS, C# and WPF. Responsibilities Design, development, test, documentation and deployment of content distribution system named Relay. Design and development online campaigns and facebook competition websites. Research on motion detection system using Kinect and WPF. Involved in server provisioning using Amazon AWS. BTA Active FEBRUARY 2011 TO Web Developer OCTOBER 2012 Technologies & Tools Used PHP, HTML5, MySQL, jQuery, Wordpress, Git, Simple Test, PHPUnit and CakePHP. Responsibilities Analysis, design, development and documentation of travel management system. Analysis, design, development and documentation of insurance investigation management system. Design and development client websites using Wordpress CMS. Applied Technology Laboratory Bina Nusantara University APRIL 2009 TO SEPTEMBER 2010 Network Administrator Technologies & Tools Used FreeBSD, Ubuntu, Centos, Mikrotik, Squid, Cisco, Joomla and Wordpress. Responsibilities Created Using Resumonk - Online Resume Builder Managing network system for internal and external clients. Research on new value added service such as online streaming, instant messanging and community website. Notable Bill Management System - CakePHP and Projects AngularJS SEPTEMBER, 2012 TO JANUARY, 2013 http://app.melwaniperdana.com Technologies & Tools Used CakePHP, MySQL, AngularJS, CoffeeScript and Git.
    [Show full text]
  • Node.Js I – Getting Started Chesapeake Node.Js User Group (CNUG)
    Node.js I – Getting Started Chesapeake Node.js User Group (CNUG) https://www.meetup.com/Chesapeake-Region-nodeJS-Developers-Group Agenda ➢ Installing Node.js ✓ Background ✓ Node.js Run-time Architecture ✓ Node.js & npm software installation ✓ JavaScript Code Editors ✓ Installation verification ✓ Node.js Command Line Interface (CLI) ✓ Read-Evaluate-Print-Loop (REPL) Interactive Console ✓ Debugging Mode ✓ JSHint ✓ Documentation Node.js – Background ➢ What is Node.js? ❑ Node.js is a server side (Back-end) JavaScript runtime ❑ Node.js runs “V8” ✓ Google’s high performance JavaScript engine ✓ Same engine used for JavaScript in the Chrome browser ✓ Written in C++ ✓ https://developers.google.com/v8/ ❑ Node.js implements ECMAScript ✓ Specified by the ECMA-262 specification ✓ Node.js support for ECMA-262 standard by version: • https://node.green/ Node.js – Node.js Run-time Architectural Concepts ➢ Node.js is designed for Single Threading ❑ Main Event listeners are single threaded ✓ Events immediately handed off to the thread pool ✓ This makes Node.js perfect for Containers ❑ JS programs are single threaded ✓ Use asynchronous (Non-blocking) calls ❑ Background worker threads for I/O ❑ Underlying Linux kernel is multi-threaded ➢ Event Loop leverages Linux multi-threading ❑ Events queued ❑ Queues processed in Round Robin fashion Node.js – Event Processing Loop Node.js – Downloading Software ➢ Download software from Node.js site: ❑ https://nodejs.org/en/download/ ❑ Supported Platforms ✓ Windows (Installer or Binary) ✓ Mac (Installer or Binary) ✓ Linux
    [Show full text]
  • Modern HTML5 Development
    The Superhero’s Method of Modern HTML5 Development A RapidValue Solutions Whitepaper Contents HTML is more powerful and smart than ever before!........................................................................ 03 More tools ! More plugins !! More automations!!.............................................................................. 04 CSS Preprocessors........................................................................................................................ 05 1. Sprite images.................................................................................................................. 05 2. Susy............................................................................................................................... 05 Emmet......................................................................................................................................... 05 Scaffold with YO, build with Grunt, manage dependencies with Bower!.............................................. 06 1. Grunt............................................................................................................................. 06 2. Bower............................................................................................................................. 07 3. LiveReload...................................................................................................................... 07 4. Yeoman generators......................................................................................................... 07
    [Show full text]
  • Judith Desire C
    Judith Desire c. (347) 994-8830 | [email protected] | redesigningtech.com | github.com/berryny | linkedin.com/in/jdesire WORK EXPERIENCE EXECUTIVE DIRECTOR | REDESIGNING TECHNOLOGY CORP. | New York, NY | MAR 2004 – PRESENT - Providing Front-End/Web Development for desktop browsers and mobile/tablet devices. - Establish and direct long term strategic goals, policies, and procedures - Determine systems needs with software and hardware to meet client’s business objectives. - Develop websites utilizing best practices for IA and GUI design - Assist clients with site tracking and analysis. 2016 Remote Front End Developer | Ruder Finn Inc. | New York, NY Projects: Nokia Technology, email templates Utilize hand-coding skills in HTML, JavaScript, jQuery, CSS/Sass, Bootstrap, and Photoshop to produce template webpages. Coding email newsletter templates for Apple Mail and MailChimp. 2015 Front End Developer | Tommy Hilfiger | New York, NY Projects: Tommy Blog Responsible for updating and maintaining blog template development on native mobile, tablet and desktop web pages using HTML and CSS. Interactive Developer | Droga5 | New York, NY Projects: No Ceilings (http://not-there.org/) Responsible for developing native mobile, tablet and desktop web design with responsiveness, fluid layout and fixed layouts landing page using HTML/HTML5, CSS2/CSS3, JS/jQuery and Bootstrap 3. 2013 - 2014 Consultant / Senior Web Developer | PSL Group | New York, NY Projects: Create template mobile applications Responsible for developing native mobile responsive design applications over the entire application lifecycle in HTML5, CSS3, jQuery, jQuery Mobile, jQuery UI, Require.js and javascript MVC. Consultant / Senior Web Developer | STEADY | New York, NY Projects: Nike Runner's Internal Content Management System (CMS) Coded the CMS in HTML, CSS, jQuery, CoffeeScript, Foundation 4, Angularjs, yeoman grunt bower services with multi-device user responsive design.
    [Show full text]
  • Minutes of the 42Nd Meeting of TC39, Boston, September 2014
    Ecma/TC39/2014/051 Ecma/GA/2014/118 Minutes of the: 42nd meeting of Ecma TC39 in: Boston, MA, USA on: 23-25 September 2014 1 Opening, welcome and roll call 1.1 Opening of the meeting (Mr. Neumann) Mr. Neumann has welcomed the delegates at Nine Zero Hotel (hosted by Bocoup) in Boston, MA, USA. Companies / organizations in attendance: Mozilla, Google, Microsoft, Intel, eBay, jQuery, Yahoo!, IBM; Facebook, IETF 1.2 Introduction of attendees John Neumann – Ecma International Erik Arvidsson – Google Mark Miller – Google Andreas Rossberg - Google Domenic Denicola – Google Erik Toth – Paypal / eBay Allen Wirfs-Brock – Mozilla Nicholas Matsakis – Mozilla Eric Ferraiuolo – Yahoo! Caridy Patino – Yahoo! Rick Waldron – jQuery Yehuda Katz – jQuery Dave Herman – Mozilla Brendan Eich (invited expert) Jeff Morrison – Facebook Sebastian Markbage – Facebook Brian Terlson – Microsoft Jonathan Turner – Microsoft Peter Jensen – Intel Simon Kaegi – IBM Boris Zbarsky - Mozilla Matt Miller – IETF (liaison) Ecma International Rue du Rhône 114 CH-1204 Geneva T/F: +41 22 849 6000/01 www.ecma-international.org PC 1.3 Host facilities, local logistics On behalf of Bocoup Rick Waldron welcomed the delegates and explained the logistics. 1.4 List of Ecma documents considered 2014/038 Minutes of the 41st meeting of TC39, Redmond, July 2014 2014/039 TC39 RF TG form signed by the Imperial College of science technology and medicine 2014/040 Venue for the 42nd meeting of TC39, Boston, September 2014 (Rev. 1) 2014/041 Agenda for the 42nd meeting of TC39, Boston, September
    [Show full text]
  • Iris-Panel Documentation Release 1
    iris-panel Documentation Release 1 lhh March 05, 2015 Contents 1 front-end Technical summary3 1.1 work flow tools..............................................3 1.2 Common Libraries............................................4 1.3 Templates.................................................5 2 Indices and tables 7 i ii iris-panel Documentation, Release 1 Contents: Contents 1 iris-panel Documentation, Release 1 2 Contents CHAPTER 1 front-end Technical summary here is tecnical summary about developing in front-end. 1.1 work flow tools we need to create a directory structure at the beginning of development, download library or framework and build dist directory when deploying the project. we choose the yeoman to do the above work. 1.1.1 yeoman yeoman is comprised of three tools: yo, bower, grunt. For installation and usage information, refer to yeoman. yo yo scaffolds out a new application, writing your Grunt configuration and pulling in relevant Grunt tasks and Bower dependencies that you might need for your build. Bower Bower is used for dependency management, so that you no longer have to manually download and manage your scripts. Grunt Grunt is used to build, preview and test your project, developer can customize design tasks to testing and build pack- ages. Tips here are small useful tips in developing with yeoman. • yo can help us set up directory of webapp, it can also generate directory of other development-patterns, like backbone, angular, express, etc. You can search generators by npm search yeoman-generator and install them. • bower not only can fetch library from github, but also can fetch a library from a specified path. like bower install ~/workspace/myPackage.
    [Show full text]
  • Refactoring-Javascript.Pdf
    Refactoring JavaScript Turning Bad Code into Good Code Evan Burchard Refactoring JavaScript by Evan Burchard Copyright © 2017 Evan Burchard. 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 promotion- al use. Online editions are also available for most titles (http://oreilly.com/ safari). For more information, contact our corporate/institutional sales depart- ment: 800-998-9938 or [email protected]. • Editors: Nan Barber and Allyson MacDonald • Production Editor: Kristen Brown • Copyeditor: Rachel Monaghan • Proofreader: Rachel Head • Indexer: Ellen Troutman-Zaig • Interior Designer: David Futato • Cover Designer: Karen Montgomery • Illustrator: Rebecca Demarest • March 2017: First Edition Revision History for the First Edition • 2017-03-10: First Release See http://oreilly.com/catalog/errata.csp?isbn=9781491964927 for release details. The O’Reilly logo is a registered trademark of O’Reilly Media, Inc. Refactoring JavaScript, the cover image, and related trade dress are trademarks of O’Reilly Media, Inc. While the publisher and the author have used good faith efforts to ensure that the information and instructions contained in this work are accurate, the pub- lisher and the author disclaim all responsibility for errors or omissions, includ- ing without limitation responsibility for damages resulting from the use of or re- liance on this work. Use of the information and instructions contained in this work is at your own risk. If any code samples or other technology this work con- tains or describes is subject to open source licenses or the intellectual property rights of others, it is your responsibility to ensure that your use thereof com- plies with such licenses and/or rights.
    [Show full text]