Soumettre la recherche
Mettre en ligne
Dependency management & Package management in JavaScript
•
1 j'aime
•
1,348 vues
S
Sebastiano Armeli
Suivre
Talk given at WebExpo (Prague) - September 2013
Lire moins
Lire la suite
Technologie
Actualités & Politique
Signaler
Partager
Signaler
Partager
1 sur 131
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
Jarv.us Showcase — SenchaCon 2011
Jarv.us Showcase — SenchaCon 2011
Chris Alfano
webrebuild.org北京第一届交流会-悟道WEB标准,分层语义化模板实践。
分层语义化模板实践 ---- 张克军
分层语义化模板实践 ---- 张克军
裕波 周
第四届D2分享
从YUI2到YUI3看前端的演变
从YUI2到YUI3看前端的演变
Kejun Zhang
Para desenvolver um site institucional simples ou um hotsite pequeno, não é preciso muito mais que um pouco de HTML, um ou dois arquivos de CSS, alguns arquivos de JavaScript, e um sistema de CMS. No entanto, à medida que a complexidade de um site aumenta, o código passa a se tornar cada vez mais extenso, complexo, difícil de ser organizado, e projeto acaba virando um grande "code spaghetti". Para garantir que isso não aconteça, é necessário implementar uma estrutura sólida para o HTML, CSS e JavaScript, de modo que os componentes da aplicação funcionem independentemente e sejam facilmente mantidos e modificados. Nesta palestra, mostrei como elaborar uma arquitetura de front-end que sustente uma aplicação de larga escala.
Arquitetura de Front-end em Aplicações de Larga Escala
Arquitetura de Front-end em Aplicações de Larga Escala
Eduardo Shiota Yasuda
Ever wondered how to get rid of that spaghetti, single-filed JavaScript code? Wouldn't it be nice if you could write maintainable modules, easily test them, port them to different projects, handle its library dependencies, and have them decoupled from other modules? In this talk, we'll see how using the AMD API and an event-driven design will help taming an application's JavaScript code and scaling it to the future and beyond.
Modular and Event-Driven JavaScript
Modular and Event-Driven JavaScript
Eduardo Shiota Yasuda
Andy Wood - enjoy the Vue.js Slides from the TechExeter Conference, 8th October 2016. www.techexeter.uk
Enjoy the vue.js
Enjoy the vue.js
TechExeter
Autocad command list tutorial
Autocad command list
Autocad command list
Alex Alexander
YUI for your Hacks, talk for University hack day in IIT Mumbai
YUI for your Hacks-IITB
YUI for your Hacks-IITB
Subramanyan Murali
Recommandé
Jarv.us Showcase — SenchaCon 2011
Jarv.us Showcase — SenchaCon 2011
Chris Alfano
webrebuild.org北京第一届交流会-悟道WEB标准,分层语义化模板实践。
分层语义化模板实践 ---- 张克军
分层语义化模板实践 ---- 张克军
裕波 周
第四届D2分享
从YUI2到YUI3看前端的演变
从YUI2到YUI3看前端的演变
Kejun Zhang
Para desenvolver um site institucional simples ou um hotsite pequeno, não é preciso muito mais que um pouco de HTML, um ou dois arquivos de CSS, alguns arquivos de JavaScript, e um sistema de CMS. No entanto, à medida que a complexidade de um site aumenta, o código passa a se tornar cada vez mais extenso, complexo, difícil de ser organizado, e projeto acaba virando um grande "code spaghetti". Para garantir que isso não aconteça, é necessário implementar uma estrutura sólida para o HTML, CSS e JavaScript, de modo que os componentes da aplicação funcionem independentemente e sejam facilmente mantidos e modificados. Nesta palestra, mostrei como elaborar uma arquitetura de front-end que sustente uma aplicação de larga escala.
Arquitetura de Front-end em Aplicações de Larga Escala
Arquitetura de Front-end em Aplicações de Larga Escala
Eduardo Shiota Yasuda
Ever wondered how to get rid of that spaghetti, single-filed JavaScript code? Wouldn't it be nice if you could write maintainable modules, easily test them, port them to different projects, handle its library dependencies, and have them decoupled from other modules? In this talk, we'll see how using the AMD API and an event-driven design will help taming an application's JavaScript code and scaling it to the future and beyond.
Modular and Event-Driven JavaScript
Modular and Event-Driven JavaScript
Eduardo Shiota Yasuda
Andy Wood - enjoy the Vue.js Slides from the TechExeter Conference, 8th October 2016. www.techexeter.uk
Enjoy the vue.js
Enjoy the vue.js
TechExeter
Autocad command list tutorial
Autocad command list
Autocad command list
Alex Alexander
YUI for your Hacks, talk for University hack day in IIT Mumbai
YUI for your Hacks-IITB
YUI for your Hacks-IITB
Subramanyan Murali
Rave eliminates configuration, machinery, and complexity. Stop configuring and tweaking file watchers, minifiers, and transpilers just to get to a runnable app. Instead, go from zero to "hello world" in 30 seconds. In the next 30 seconds, easily add capabilities and frameworks to your application simply by installing *Rave Extensions* and *Rave Starter* packages from npm and Bower, the leading JavaScript package managers. Finally, install additional *Rave Extension* packages to apply your favorite build, deploy, and testing patterns.
Zero-config JavaScript apps with RaveJS -- SVCC fall 2014
Zero-config JavaScript apps with RaveJS -- SVCC fall 2014
John Hann
Presentation about some of features of events, animation and ajax in jQuery. Material is for those, who already has used jQuery before.
jQuery: Events, Animation, Ajax
jQuery: Events, Animation, Ajax
Constantin Titarenko
Creating the interfaces of the future with the APIs of today
Creating the interfaces of the future with the APIs of today
gerbille
The presentation slide for Vue.js meetup http://abeja-innovation-meetup.connpass.com/event/38214/ That contains mainly about SSR (Server side rendering) + SPA with isomorphic fetch and client hydration
How to Build SPA with Vue Router 2.0
How to Build SPA with Vue Router 2.0
Takuya Tejima
A brownbag presentation at IPC media in London about the need to use libraries to make web development much less random and more professional. Get the audio at: http://www.archive.org/details/ProfessionalWebDevelopmentWithLibraries
Professional web development with libraries
Professional web development with libraries
Christian Heilmann
My talk about Android and the problem that I've had with the platform, at IT-Huset Stockholm 2010-04-22.
Android swedroid
Android swedroid
Johan Nilsson
YUI introduction to build hack interfaces
YUI introduction to build hack interfaces
Christian Heilmann
Tutorial to create a blog using AngularJS. The slides were originally used for a study meetup at our office.
Angular JS blog tutorial
Angular JS blog tutorial
Claude Tech
Slides de la charla que di en la PyConEs 2017 en Cáceres, el 24 de Septiembre. Explicaba cómo montar un entorno de desarrollo ágil con Django en el back, Vue en el front y webpack para empaquetar el front y proporcionar Hot Module Reloading
Django + Vue, JavaScript de 3ª generación para modernizar Django
Django + Vue, JavaScript de 3ª generación para modernizar Django
Javier Abadía
Talk given at HTML5DevConf on April 1, 2013.
Sane Async Patterns
Sane Async Patterns
TrevorBurnham
My AEA Boston presentation about the principles of unobtrusive JavaScript. Good beginners' material; advanced JavaScripters will be bored stiff.
An Event Apart Boston: Principles of Unobtrusive JavaScript
An Event Apart Boston: Principles of Unobtrusive JavaScript
Peter-Paul Koch
Presentation from DrupalCon 2011 in Chicago
DrupalCon jQuery
DrupalCon jQuery
Nathan Smith
These are the slides from my YUI3 presentation at Open Hack Day in London. Code demo can be found here: http://blog.davglass.com/files/openhackday/openhackday/code/photos/
YUI 3
YUI 3
Dav Glass
Ionic framework provides mobile application templates. This slide explains tabs template.
Ionic tabs template explained
Ionic tabs template explained
Ramesh BN
Yahoo user interface 新一代架構
2009 Hackday Taiwan Yui
2009 Hackday Taiwan Yui
JH Lee
20130528 solution linux_frousseau_nopain_webdev
20130528 solution linux_frousseau_nopain_webdev
Frank Rousseau
Dilemma 6
Dilemma 6
slewis99
A talk given by David Stern and Tom Peters on April 27, 2012 at the CARLI Public Services workshop at Chicago State University.
Space as Service
Space as Service
TAPintoIT
FL102
Nihonggo
Nihonggo
Kyle Macadaeg
Timothy Musila
Timothy Musila
NjueMoses
A talk given by Tom Peters to the MSU
Going mobile talk 2013 04 25
Going mobile talk 2013 04 25
TAPintoIT
Enforcing coding standards in a JS project
Enforcing coding standards
Enforcing coding standards
Sebastiano Armeli
Contenu connexe
Tendances
Rave eliminates configuration, machinery, and complexity. Stop configuring and tweaking file watchers, minifiers, and transpilers just to get to a runnable app. Instead, go from zero to "hello world" in 30 seconds. In the next 30 seconds, easily add capabilities and frameworks to your application simply by installing *Rave Extensions* and *Rave Starter* packages from npm and Bower, the leading JavaScript package managers. Finally, install additional *Rave Extension* packages to apply your favorite build, deploy, and testing patterns.
Zero-config JavaScript apps with RaveJS -- SVCC fall 2014
Zero-config JavaScript apps with RaveJS -- SVCC fall 2014
John Hann
Presentation about some of features of events, animation and ajax in jQuery. Material is for those, who already has used jQuery before.
jQuery: Events, Animation, Ajax
jQuery: Events, Animation, Ajax
Constantin Titarenko
Creating the interfaces of the future with the APIs of today
Creating the interfaces of the future with the APIs of today
gerbille
The presentation slide for Vue.js meetup http://abeja-innovation-meetup.connpass.com/event/38214/ That contains mainly about SSR (Server side rendering) + SPA with isomorphic fetch and client hydration
How to Build SPA with Vue Router 2.0
How to Build SPA with Vue Router 2.0
Takuya Tejima
A brownbag presentation at IPC media in London about the need to use libraries to make web development much less random and more professional. Get the audio at: http://www.archive.org/details/ProfessionalWebDevelopmentWithLibraries
Professional web development with libraries
Professional web development with libraries
Christian Heilmann
My talk about Android and the problem that I've had with the platform, at IT-Huset Stockholm 2010-04-22.
Android swedroid
Android swedroid
Johan Nilsson
YUI introduction to build hack interfaces
YUI introduction to build hack interfaces
Christian Heilmann
Tutorial to create a blog using AngularJS. The slides were originally used for a study meetup at our office.
Angular JS blog tutorial
Angular JS blog tutorial
Claude Tech
Slides de la charla que di en la PyConEs 2017 en Cáceres, el 24 de Septiembre. Explicaba cómo montar un entorno de desarrollo ágil con Django en el back, Vue en el front y webpack para empaquetar el front y proporcionar Hot Module Reloading
Django + Vue, JavaScript de 3ª generación para modernizar Django
Django + Vue, JavaScript de 3ª generación para modernizar Django
Javier Abadía
Talk given at HTML5DevConf on April 1, 2013.
Sane Async Patterns
Sane Async Patterns
TrevorBurnham
My AEA Boston presentation about the principles of unobtrusive JavaScript. Good beginners' material; advanced JavaScripters will be bored stiff.
An Event Apart Boston: Principles of Unobtrusive JavaScript
An Event Apart Boston: Principles of Unobtrusive JavaScript
Peter-Paul Koch
Presentation from DrupalCon 2011 in Chicago
DrupalCon jQuery
DrupalCon jQuery
Nathan Smith
These are the slides from my YUI3 presentation at Open Hack Day in London. Code demo can be found here: http://blog.davglass.com/files/openhackday/openhackday/code/photos/
YUI 3
YUI 3
Dav Glass
Ionic framework provides mobile application templates. This slide explains tabs template.
Ionic tabs template explained
Ionic tabs template explained
Ramesh BN
Yahoo user interface 新一代架構
2009 Hackday Taiwan Yui
2009 Hackday Taiwan Yui
JH Lee
20130528 solution linux_frousseau_nopain_webdev
20130528 solution linux_frousseau_nopain_webdev
Frank Rousseau
Tendances
(16)
Zero-config JavaScript apps with RaveJS -- SVCC fall 2014
Zero-config JavaScript apps with RaveJS -- SVCC fall 2014
jQuery: Events, Animation, Ajax
jQuery: Events, Animation, Ajax
Creating the interfaces of the future with the APIs of today
Creating the interfaces of the future with the APIs of today
How to Build SPA with Vue Router 2.0
How to Build SPA with Vue Router 2.0
Professional web development with libraries
Professional web development with libraries
Android swedroid
Android swedroid
YUI introduction to build hack interfaces
YUI introduction to build hack interfaces
Angular JS blog tutorial
Angular JS blog tutorial
Django + Vue, JavaScript de 3ª generación para modernizar Django
Django + Vue, JavaScript de 3ª generación para modernizar Django
Sane Async Patterns
Sane Async Patterns
An Event Apart Boston: Principles of Unobtrusive JavaScript
An Event Apart Boston: Principles of Unobtrusive JavaScript
DrupalCon jQuery
DrupalCon jQuery
YUI 3
YUI 3
Ionic tabs template explained
Ionic tabs template explained
2009 Hackday Taiwan Yui
2009 Hackday Taiwan Yui
20130528 solution linux_frousseau_nopain_webdev
20130528 solution linux_frousseau_nopain_webdev
En vedette
Dilemma 6
Dilemma 6
slewis99
A talk given by David Stern and Tom Peters on April 27, 2012 at the CARLI Public Services workshop at Chicago State University.
Space as Service
Space as Service
TAPintoIT
FL102
Nihonggo
Nihonggo
Kyle Macadaeg
Timothy Musila
Timothy Musila
NjueMoses
A talk given by Tom Peters to the MSU
Going mobile talk 2013 04 25
Going mobile talk 2013 04 25
TAPintoIT
Enforcing coding standards in a JS project
Enforcing coding standards
Enforcing coding standards
Sebastiano Armeli
Descripción de la historia de La Tertulia de Illescas a lo largo de sus 20 años de existencia
La tertulia 1995 2015 b
La tertulia 1995 2015 b
ZamoranoSagreno
eReading talk SJSU 2012 01
eReading talk SJSU 2012 01
TAPintoIT
Fruit
Fruit
Onur Kalafat
Drinks
Drinks
Onur Kalafat
26 Smirks: eReading and Libraries
26 Smirks: eReading and Libraries
TAPintoIT
Idioms
Idioms
Dawn Handig
Puppymill paper
Puppymill paper
Ebony Hunter
Talk held friday 2. september 2011 at http://www.schultz.dk/
Sunde vaner begynder med sunde valg
Sunde vaner begynder med sunde valg
Pulsslag
A talk given by Tom Peters at the Kanawha County Public Library's staff development day, February 23, 2011
Kanawha talk 2011 02
Kanawha talk 2011 02
TAPintoIT
如您的业务是在时装,化妆品,高尚消费领域,在巴黎设置旗舰店能让您的品牌获得提升。
在巴黎设置旗舰店须知 2011——1
在巴黎设置旗舰店须知 2011——1
Myrachan
Tom Peters gave this talk at the ALA PR Forum during the ALA Annual Conference in Anaheim CA on Sunday, June 24, 2012.
Ala pr forum talk peters 2012 06e
Ala pr forum talk peters 2012 06e
TAPintoIT
Primeros pasos con twitter bootstrap
Primeros pasos con twitter bootstrap
Jorge Cuadrado
Rich idiot’s upside down action plan: What I learned from the book
Rich idiot’s upside down action plan: What I learned from the book
Rich idiot’s upside down action plan: What I learned from the book
Carey Radican
What can you do in e-twinning
öğRenciler e twinning te neler yapabilir
öğRenciler e twinning te neler yapabilir
Onur Kalafat
En vedette
(20)
Dilemma 6
Dilemma 6
Space as Service
Space as Service
Nihonggo
Nihonggo
Timothy Musila
Timothy Musila
Going mobile talk 2013 04 25
Going mobile talk 2013 04 25
Enforcing coding standards
Enforcing coding standards
La tertulia 1995 2015 b
La tertulia 1995 2015 b
eReading talk SJSU 2012 01
eReading talk SJSU 2012 01
Fruit
Fruit
Drinks
Drinks
26 Smirks: eReading and Libraries
26 Smirks: eReading and Libraries
Idioms
Idioms
Puppymill paper
Puppymill paper
Sunde vaner begynder med sunde valg
Sunde vaner begynder med sunde valg
Kanawha talk 2011 02
Kanawha talk 2011 02
在巴黎设置旗舰店须知 2011——1
在巴黎设置旗舰店须知 2011——1
Ala pr forum talk peters 2012 06e
Ala pr forum talk peters 2012 06e
Primeros pasos con twitter bootstrap
Primeros pasos con twitter bootstrap
Rich idiot’s upside down action plan: What I learned from the book
Rich idiot’s upside down action plan: What I learned from the book
öğRenciler e twinning te neler yapabilir
öğRenciler e twinning te neler yapabilir
Similaire à Dependency management & Package management in JavaScript
So you've been toying around with JavaScript. You have a basic feel for the language but don't quiet feel productive, yet. If so, this talk is for you. We'll peel away the abstractions, libraries, and frameworks to uncover the more interesting fundamentals of JavaScript.
Pragmatic JavaScript
Pragmatic JavaScript
John Hann
Introduction to Scrum version 3.1
Introduction to Scrum version 3.1
Introduction to Scrum version 3.1
Prathan Dansakulcharoenkit
Backbone.js helps structure you javascript application code in a scalable way. In this keynote I demonstrate how to use it in a simple walk-through example, and discuss the advantages of using an MVC framework.
Backbone
Backbone
Ynon Perek
Einführung in AngularJS
Einführung in AngularJS
Sebastian Springer
The Pub/Sub Pattern image form slide 51 is taken from here: http://www.eaipatterns.com/PublishSubscribeChannel.html
Introduction to RabbitMQ | Meetup at Pivotal Labs
Introduction to RabbitMQ | Meetup at Pivotal Labs
Alvaro Videla
Webapplikationen mit Backbone.js
Webapplikationen mit Backbone.js
Sebastian Springer
JavaScript is now running everywhere, but one of the most fascinating areas is in the crossroads of full stack JavaScript and prototyping boards. Join frog hacker, Jesse Cravens, and his 6 year old son Carter Clearwater, in a talk about how the open hardware and software revolutions are accelerating the everyday hacker's ability to innovate. JavaScript's accessibility, friendly syntax, and asynchronous runtime, makes it the ideal programming language for makers of all levels, enabling a spectrum of entry points: those with experience in other languages can explore the more advance topics without being riddled with 'time-consuming' boilerplate, compilation, and multi-threading, while newbies and young learners can get started with a successful build in a matter of hours. Discover newer JavaScript APIs. Explore a suite of prototyping boards, such as Arduino, Raspberry Pi, Beaglebone, and the Freescale Freedom, that are inspiring JavaScript developers to step out of the web browser and into the world of physical computing, robotics, and hardware. Leave with not only some new ideas for yourself but also your children.
JavaScript Makers: How JS is Helping Drive the Maker Movement
JavaScript Makers: How JS is Helping Drive the Maker Movement
Jesse Cravens
Here's my list of 10 JavaScript (related) concepts that I think all web analysts should understand at least on a basic level. A solid grasp of JavaScript is a base requirement for anyone working with the web browser.
MeasureCamp IX (London) - 10 JavaScript Concepts for web analysts
MeasureCamp IX (London) - 10 JavaScript Concepts for web analysts
Simo Ahava
Slides from my presentation at the Ember.js Southern California Meetup. Demo application source: https://gist.github.com/jayphelps/6036938
Intro to Ember.js
Intro to Ember.js
Jay Phelps
In Ember.js, routes and templates dictate the architecture of your app. This presentation will talk about why this is, and what tools Ember provides to manage architectural complexity.
Complex Architectures in Ember
Complex Architectures in Ember
Matthew Beale
Give at Rubyconf China 2019 by @Eric-Guo
Rails 6 frontend frameworks
Rails 6 frontend frameworks
Eric Guo
Presented at SCREENS 2013 in Toronto with Nick Van Weerdenburg Save 10% off ANY FITC event with discount code 'slideshare' See our upcoming events at www.fitc.ca AngularJS is a hot, hot, hot topic. Building web and mobile apps in AngularJS is an ease but there is a learning curve. In this session, you’ll learn the ins and outs of AngularJS and leave the session knowing how to build killer AngularJS apps.
Building a Startup Stack with AngularJS
Building a Startup Stack with AngularJS
FITC
CDI do básico ao avançado
CDI do básico ao avançado
Alberto Souza
Andrew Duncan at ModUX 2013 http://moduxcon.com
Securing Client Side Data
Securing Client Side Data
Grgur Grisogono
BlackBerry DevCon 2011 - PhoneGap and WebWorks
BlackBerry DevCon 2011 - PhoneGap and WebWorks
mwbrooks
Using Backbone.js to move state to the client-side and the benefits of using a JavaScript MVC framework. Delivered at SuperMondays, Newcastle upon Tyne, on 26th September 2011.
Backbone.js — Introduction to client-side JavaScript MVC
Backbone.js — Introduction to client-side JavaScript MVC
pootsbook
Palestra de Zeno Rocha no InterCon Dev - Android, em setembro de 2013, sobre HTML5 APIs para Mobile. Saiba mais em: http://intercon.imasters.com.br/dev/android/
Zeno rocha - HTML5 APIs para Mobile
Zeno rocha - HTML5 APIs para Mobile
iMasters
Brief talk on Loadrunner as given at the Twitter Front-end Summit on 4/13.
Loadrunner
Loadrunner
danwrong
Esta palestra é muito parecida com a que eu também ministrei no evento Dev in Rio 2009, portanto os slides são quase iguais caso você já tenha baixado. A apresentação fala sobre filosofias, valores e idéias ágeis e como elas são a fundação da comunidade Ruby on Rails e do ecossistema que se formou ao seu redor. Alguns dos vídeos mostrados estão disponíveis em http://vimeo.com/akitaonrails.com
Fórum de Software Livre do Serpro RJ 2009
Fórum de Software Livre do Serpro RJ 2009
Fabio Akita
There are more smart people building software now than there have been at any point in the past, which means that it's more important than ever to stay on top of new developments, libraries, frameworks, and everything else. To really take advantage of this wealth of innovation, however, you've got to look beyond your normal community -- what's going on in Python? And how can we use that to make our Ruby lives easier? In this session, we'll explore that question. We'll look at actual examples of code and concepts borrowed and reimplemented to form a better idea of when it's appropriate and when it'll fall flat.
Great Developers Steal
Great Developers Steal
Ben Scofield
Similaire à Dependency management & Package management in JavaScript
(20)
Pragmatic JavaScript
Pragmatic JavaScript
Introduction to Scrum version 3.1
Introduction to Scrum version 3.1
Backbone
Backbone
Einführung in AngularJS
Einführung in AngularJS
Introduction to RabbitMQ | Meetup at Pivotal Labs
Introduction to RabbitMQ | Meetup at Pivotal Labs
Webapplikationen mit Backbone.js
Webapplikationen mit Backbone.js
JavaScript Makers: How JS is Helping Drive the Maker Movement
JavaScript Makers: How JS is Helping Drive the Maker Movement
MeasureCamp IX (London) - 10 JavaScript Concepts for web analysts
MeasureCamp IX (London) - 10 JavaScript Concepts for web analysts
Intro to Ember.js
Intro to Ember.js
Complex Architectures in Ember
Complex Architectures in Ember
Rails 6 frontend frameworks
Rails 6 frontend frameworks
Building a Startup Stack with AngularJS
Building a Startup Stack with AngularJS
CDI do básico ao avançado
CDI do básico ao avançado
Securing Client Side Data
Securing Client Side Data
BlackBerry DevCon 2011 - PhoneGap and WebWorks
BlackBerry DevCon 2011 - PhoneGap and WebWorks
Backbone.js — Introduction to client-side JavaScript MVC
Backbone.js — Introduction to client-side JavaScript MVC
Zeno rocha - HTML5 APIs para Mobile
Zeno rocha - HTML5 APIs para Mobile
Loadrunner
Loadrunner
Fórum de Software Livre do Serpro RJ 2009
Fórum de Software Livre do Serpro RJ 2009
Great Developers Steal
Great Developers Steal
Plus de Sebastiano Armeli
Talk given at Better Software West (Las Vegas, USA) - June 2016
Managing a software engineering team
Managing a software engineering team
Sebastiano Armeli
Talk given at JSConf Budapest (Budapest, Hungary) - May 2015
Enforcing coding standards in a JS project
Enforcing coding standards in a JS project
Sebastiano Armeli
Talk given at JsIst (Istanbul, Turkey) - September 2014
ES6: The future is now
ES6: The future is now
Sebastiano Armeli
Talk given at JsDay (Verona, Italy) - May 2014
EcmaScript 6 - The future is here
EcmaScript 6 - The future is here
Sebastiano Armeli
Talk given at MelbJS - August 2013
Karma - JS Test Runner
Karma - JS Test Runner
Sebastiano Armeli
Talk given at NDC, Oslo - June 2013
RequireJS
RequireJS
Sebastiano Armeli
Slides from my talk at Web Directions South 2012, Sydney
Lazy load Everything!
Lazy load Everything!
Sebastiano Armeli
How to integrate SpringMVC and Backbone.js
MVC on the server and on the client
MVC on the server and on the client
Sebastiano Armeli
Presentation held at MelbJS, Melbourne, Australia (14/12/2011)
Backbone.js in a real-life application
Backbone.js in a real-life application
Sebastiano Armeli
Presented at OSDC 2011, Canberra, Australia
Getting started with Selenium 2
Getting started with Selenium 2
Sebastiano Armeli
Digging into web storage API
Web Storage
Web Storage
Sebastiano Armeli
Plus de Sebastiano Armeli
(11)
Managing a software engineering team
Managing a software engineering team
Enforcing coding standards in a JS project
Enforcing coding standards in a JS project
ES6: The future is now
ES6: The future is now
EcmaScript 6 - The future is here
EcmaScript 6 - The future is here
Karma - JS Test Runner
Karma - JS Test Runner
RequireJS
RequireJS
Lazy load Everything!
Lazy load Everything!
MVC on the server and on the client
MVC on the server and on the client
Backbone.js in a real-life application
Backbone.js in a real-life application
Getting started with Selenium 2
Getting started with Selenium 2
Web Storage
Web Storage
Dernier
Join us as we dive into the latest updates to the UiPath Orchestrator API, including new limits and features for 2024. Discover how these changes can enhance your automation projects and streamline your workflows. 📚 Overview of UiPath Orchestrator API 🔧 Recent changes to API limits 🛠️ How to adapt to new limits 📋 Best practices for using the Orchestrator API efficiently ❓ Q&A session
Exploring UiPath Orchestrator API: updates and limits in 2024 🚀
Exploring UiPath Orchestrator API: updates and limits in 2024 🚀
DianaGray10
In an era where artificial intelligence (AI) is becoming increasingly integrated into our daily lives, the need for empathetic technology is paramount. This talk explores the role of motion design in enhancing AI interfaces to foster empathy and improve user experiences. Key Topics Covered: 1. Introduction to Empathetic AI - The importance of creating empathy in AI interfaces - Personal journey from character animation to AI and robotics design 2. The Role of Motion in User Interaction - Historical context of motion in design, from early Disney animations to modern interfaces - The blinking cursor: An example of effective motion use since 1960 3. Designing for Empathy - How motion can enhance user satisfaction and trust in AI systems - Examples from human-robot interaction and AI interfaces 4. Creating Human-like Interactions - Using motion to provide transparency and context in AI interactions - The importance of natural conversation flows and the ability to interrupt AI responses 5. Avoiding the Uncanny Valley - Recognizing and mitigating the uncanny valley in AI-generated content - Examples of effective and ineffective uses of motion in AI 6. Systemizing Motion Design - Strategies for integrating motion into AI systems at scale - Salesforce’s approach to creating and scaling a motion system for AI
Motion for AI: Creating Empathy in Technology
Motion for AI: Creating Empathy in Technology
UXDXConf
Brief Introduction to Generative AI and LLM in particular. Overview of the market, and usages of LLMs. What's it like to train and build a model. Retrieval Augmented Generation 101, explained for non savvies, and a perspective of what are the moving parts making it complex
AI presentation and introduction - Retrieval Augmented Generation RAG 101
AI presentation and introduction - Retrieval Augmented Generation RAG 101
vincent683379
As AI technology is pushing into IT I was wondering myself, as an “infrastructure container kubernetes guy”, how get this fancy AI technology get managed from an infrastructure operational view? Is it possible to apply our lovely cloud native principals as well? What benefit’s both technologies could bring to each other? Let me take this questions and provide you a short journey through existing deployment models and use cases for AI software. On practical examples, we discuss what cloud/on-premise strategy we may need for applying it to our own infrastructure to get it to work from an enterprise perspective. I want to give an overview about infrastructure requirements and technologies, what could be beneficial or limiting your AI use cases in an enterprise environment. An interactive Demo will give you some insides, what approaches I got already working for real.
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Tobias Schneck
Generative AI architecture, at its core, revolves around the concept of machines being able to generate content autonomously, mimicking human-like creativity and decision-making processes. Unlike traditional AI systems that rely on predefined rules and data inputs, generative AI leverages deep learning techniques to produce new, original outputs based on patterns and examples it has learned from vast datasets. This capability opens up a multitude of possibilities across various domains within an enterprise.
The architecture of Generative AI for enterprises.pdf
The architecture of Generative AI for enterprises.pdf
alexjohnson7307
Discover the essentials of performance testing in the IT sector with our concise guide. Learn about various testing types such as load, stress, endurance, spike, scalability, and volume testing. Understand key performance metrics like response time, throughput, CPU and memory utilization, and error rate. Explore top tools like Apache JMeter, LoadRunner, Gatling, Neoload, and BlazeMeter. Gain insights into best practices for defining objectives, creating realistic scenarios, automating tests, and optimizing performance to ensure user satisfaction, reliability, scalability, and cost efficiency. Ideal for developers, QA engineers, and IT professionals. Visit Expeed Software for more information. https://expeed.com/
In-Depth Performance Testing Guide for IT Professionals
In-Depth Performance Testing Guide for IT Professionals
Expeed Software
Unlock the mysteries of successful Salesforce interviews in this insightful session hosted by Hugo Rosario (Salesforce Customer), a seasoned hiring manager that leads the Salesforce Department of multinational company with over 100 interviews under their belt. Step into the manager's chair and gain exclusive behind-the-scenes insights into what makes a Salesforce consultant stand out during the interview process. From deciphering the unspoken cues to mastering key strategies, we'll explore the intricacies of the interview process and provide practical tips for consultants looking to not only pass interviews but also thrive in their roles. Whether you're a seasoned professional or just starting your Salesforce journey, this session is your backstage pass to the secrets that hiring managers wish you knew.
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
CzechDreamin
Screen flow is a powerful automation tool that is commonly designed for internal and external users. However, what about the guest users? We will dive into various methods of launching screen flows and understand how to make them publicly accessible, extending their usability to a broader audience. The presentation will also cover the implementation of security layers and highlight best practices for a smooth and protected user experience. Discover the potential of screen flows beyond conventional use and learn how to leverage them effectively.
Free and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
Free and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
CzechDreamin
Agentic RAG transforms how we approach question answering by introducing an innovative agent-based framework. Unlike traditional methods that rely solely on large language models (LLMs), agentic RAG employs intelligent agents to tackle complex questions requiring intricate planning, multi-step reasoning, and utilization of external tools.
Agentic RAG What it is its types applications and implementation.pdf
Agentic RAG What it is its types applications and implementation.pdf
ChristopherTHyatt
In this insightful webinar, Inflectra explores how artificial intelligence (AI) is transforming software development and testing. Discover how AI-powered tools are revolutionizing every stage of the software development lifecycle (SDLC), from design and prototyping to testing, deployment, and monitoring. Learn about: • The Future of Testing: How AI is shifting testing towards verification, analysis, and higher-level skills, while reducing repetitive tasks. • Test Automation: How AI-powered test case generation, optimization, and self-healing tests are making testing more efficient and effective. • Visual Testing: Explore the emerging capabilities of AI in visual testing and how it's set to revolutionize UI verification. • Inflectra's AI Solutions: See demonstrations of Inflectra's cutting-edge AI tools like the ChatGPT plugin and Azure Open AI platform, designed to streamline your testing process. Whether you're a developer, tester, or QA professional, this webinar will give you valuable insights into how AI is shaping the future of software delivery.
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Inflectra
Partner Tech Talk with Tinybird
Speed Wins: From Kafka to APIs in Minutes
Speed Wins: From Kafka to APIs in Minutes
confluent
PLAI is the Italian Accelerator igniting the growth of innovative Startups and nurturing a community of talents in the Generative AI field.
PLAI - Acceleration Program for Generative A.I. Startups
PLAI - Acceleration Program for Generative A.I. Startups
Stefano
Let's dive deeper into the world of ODC! Ricardo Alves (OutSystems) will join us to tell all about the new Data Fabric. After that, Sezen de Bruijn (OutSystems) will get into the details on how to best design a sturdy architecture within ODC.
ODC, Data Fabric and Architecture User Group
ODC, Data Fabric and Architecture User Group
CatarinaPereira64715
The presentation underscores the strategic advantage of treating design systems not just as technical assets but as vital business components that require thoughtful management, robust planning, and strategic alignment with organizational goals. Key Points Covered: - Understanding Design Systems as Business Entities: Conceptualizing design systems as internal business entities can streamline their integration and evolution within a company. - Adoption and Expansion: Elaborating on the importance of tactical adoption across organizational structures, enhancing product suites to cater to user needs and broadening scope to mobile and content authoring solutions. - Data-Driven Development: Utilizing data insights for component development ensures that resources are allocated to create valuable, widely used features. - Financial Modeling for Design Systems: Developing sustainable funding models is crucial for long-term support and success of design systems. - Promoting Internal Buy-In: Stressing on strategies for promoting design systems within the organization to increase engagement and investment from internal stakeholders.
A Business-Centric Approach to Design System Strategy
A Business-Centric Approach to Design System Strategy
UXDXConf
You’ve heard good data matters in Machine Learning, but does it matter for Generative AI applications? Corporate data often differs significantly from the general Internet data used to train most foundation models. Join me for a demo on building an open source RAG (Retrieval Augmented Generation) stack using Milvus vector database for Retrieval, LangChain, Llama 3 with Ollama, Ragas RAG Eval, and optional Zilliz cloud, OpenAI.
Introduction to Open Source RAG and RAG Evaluation
Introduction to Open Source RAG and RAG Evaluation
Zilliz
How to differentiate Sales Cloud and CPQ on first glance might be tricky if you do not know where to look and what to look at. You will know :-) Managing the sales process within Salesforce is a common use case that can be managed with standart Sales Cloud. If you want to do entire quoting process you will find out Salesforce CPQ solution exists. What is then the difference if both can handle selling products? You will see comparison of 10 different features, which Sales Cloud and Salesforce CPQ handle differently. Simple question you will always remember if you should consider using Salesforce CPQ will be a cherry on top.
10 Differences between Sales Cloud and CPQ, Blanka Doktorová
10 Differences between Sales Cloud and CPQ, Blanka Doktorová
CzechDreamin
This talk offers actionable insights at an executive level for enhancing productivity and refining your portfolio management approach to propel your organization to greater heights. Key Points Covered: 1. Experience Transformation: - The core challenge remains consistent across organizations: converting budget into user-centric designs. - Strategies for deploying design resources effectively in both startups and large enterprises. 2. Strategic Frameworks: - Introduction to the "Ziggurat of Impact" model, detailing layers from basic system interactions to comprehensive customer experiences. - Practical insights on creating frameworks that scale with organizational complexity. 3. Organizational Impact: - Real-world examples of navigating design in large settings, focusing on the synthesis of consumer products and customer experiences. - Emphasis on the importance of designing systems that directly influence customer interactions. 4. Design Execution: - Detailed walkthrough of organizational layers affecting design execution, from touchpoints and customer activities to shared capabilities. - How to ensure design influences both the micro and macro aspects of customer interactions. 5. Measurement and Adaptation: - Techniques for measuring the impact of design decisions and adapting strategies based on data-driven insights. - The critical role of continuous improvement and feedback in refining customer experiences.
Structuring Teams and Portfolios for Success
Structuring Teams and Portfolios for Success
UXDXConf
This presentation focuses on the challenges and strategies of connecting problem definitions within product development. Key Points Covered: - Kayak's mission since its inception in 2004 to simplify travel by enabling easy comparisons of flights through technological solutions. - Discussion of the complexities within the travel industry, including the high expectations for personalized user experiences and the various stakeholder influences. - Emphasis on the necessity of maintaining agility and innovation within a mature company through continuous reassessment of processes. - An explanation of the importance of disciplined problem definition to prevent project failures and team inefficiencies. - Introduction of strategies for effective communication across teams to ensure alignment and comprehension at all levels of project development. - Exploration of various problem-solving methodologies, including how to handle conflicts within team settings regarding problem definitions and project directions.
Connecting the Dots in Product Design at KAYAK
Connecting the Dots in Product Design at KAYAK
UXDXConf
Welcome to UiPath Test Automation using UiPath Test Suite series part 2. In this session, we will cover API test automation along with a web automation demo. Topics covered: Test Automation introduction API Example of API automation Web automation demonstration Speaker Pathrudu Chintakayala, Associate Technical Architect @Yash and UiPath MVP Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
UiPath Test Automation using UiPath Test Suite series, part 2
UiPath Test Automation using UiPath Test Suite series, part 2
DianaGray10
This instalment looked at building performance at the earliest stages of your project, covering Interoperability, Solar and Daylighting.
IESVE for Early Stage Design and Planning
IESVE for Early Stage Design and Planning
IES VE
Dernier
(20)
Exploring UiPath Orchestrator API: updates and limits in 2024 🚀
Exploring UiPath Orchestrator API: updates and limits in 2024 🚀
Motion for AI: Creating Empathy in Technology
Motion for AI: Creating Empathy in Technology
AI presentation and introduction - Retrieval Augmented Generation RAG 101
AI presentation and introduction - Retrieval Augmented Generation RAG 101
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
The architecture of Generative AI for enterprises.pdf
The architecture of Generative AI for enterprises.pdf
In-Depth Performance Testing Guide for IT Professionals
In-Depth Performance Testing Guide for IT Professionals
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Free and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
Free and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
Agentic RAG What it is its types applications and implementation.pdf
Agentic RAG What it is its types applications and implementation.pdf
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Speed Wins: From Kafka to APIs in Minutes
Speed Wins: From Kafka to APIs in Minutes
PLAI - Acceleration Program for Generative A.I. Startups
PLAI - Acceleration Program for Generative A.I. Startups
ODC, Data Fabric and Architecture User Group
ODC, Data Fabric and Architecture User Group
A Business-Centric Approach to Design System Strategy
A Business-Centric Approach to Design System Strategy
Introduction to Open Source RAG and RAG Evaluation
Introduction to Open Source RAG and RAG Evaluation
10 Differences between Sales Cloud and CPQ, Blanka Doktorová
10 Differences between Sales Cloud and CPQ, Blanka Doktorová
Structuring Teams and Portfolios for Success
Structuring Teams and Portfolios for Success
Connecting the Dots in Product Design at KAYAK
Connecting the Dots in Product Design at KAYAK
UiPath Test Automation using UiPath Test Suite series, part 2
UiPath Test Automation using UiPath Test Suite series, part 2
IESVE for Early Stage Design and Planning
IESVE for Early Stage Design and Planning
Dependency management & Package management in JavaScript
1.
Dependency management & Package management in
JavaScript Sebastiano Armeli @sebarmeli WebExpo 2013, Prague (Czech Republic) Friday, September 20, 13
2.
Friday, September 20,
13
3.
@sebarmeli Sebastiano Armeli-Battana • realestate.com.au •
Melbourne, Australia Friday, September 20, 13
4.
Dependency management & Package management in
JavaScript Sebastiano Armeli @sebarmeli WebExpo 2013, Prague (Czech Republic) Friday, September 20, 13
5.
Dependency management Friday, September 20,
13
6.
“A dependency happens when
a component relies on another one” Friday, September 20, 13
7.
View << depends on
>> Model Friday, September 20, 13
8.
model.js ------------ (function(window){ ‘use strict’; function Model()
{ } window.Model = Model; })(window); Friday, September 20, 13
9.
view.js ------------ (function(window){ ‘use strict’; function View(model)
{ this.model = model; } window.View = View; })(window); Friday, September 20, 13
10.
var model =
new Model(); var view = new View(model); Friday, September 20, 13
11.
What to consider when you
create a dependency? Friday, September 20, 13
12.
Principles of Package Coupling Acyclic-Dependencies Principle Stable-Dependencies Principle Friday,
September 20, 13
13.
Stable Dependencies Principle Friday, September 20,
13
14.
Friday, September 20,
13
15.
Unstable Stable View Model Friday, September 20,
13
16.
Model DOES NOT
change frequently View DOES change frequently Friday, September 20, 13
17.
Acyclic Dependencies Principle Friday, September 20,
13
18.
Friday, September 20,
13
19.
View ModelRouter Friday, September 20,
13
20.
Avoid Cycles! Friday, September
20, 13
21.
How do we handle dependencies? Friday,
September 20, 13
22.
Java ----- import java.util.*; import javax.servlet.http.*; Ruby ----- require
‘net/http’ require ‘spec_helper’ Friday, September 20, 13
23.
...and in JS
? Friday, September 20, 13
24.
import jQuery from
‘jquery’; Friday, September 20, 13
25.
import jQuery from
‘jquery’; ES6 Friday, September 20, 13
26.
<script src=”file1.js”></script> <script src=”file2.js”></script> <script
src=”file3.js”></script> <script src=”file4.js”></script> <script src=”file5.js”></script> <script src=”file6.js”></script> <script src=”file7.js”></script> <script src=”file8.js”></script> index.html ------------ Friday, September 20, 13
27.
<script src=”file3.js”></script> <script src=”file4.js”></script> <script
src=”file1.js”></script> <script src=”file2.js”></script> index.html ------------ <script src=”file5.js”></script> <script src=”file6.js”></script> <script src=”file7.js”></script> <script src=”file8.js”></script> Friday, September 20, 13
28.
<script src=”file3.js”></script> <script src=”file4.js”></script> <script
src=”file1.js”></script> <script src=”file2.js”></script> index.html ------------ <script src=”file5.js”></script> <script src=”file6.js”></script> <script src=”file7.js”></script> <script src=”file8.js”></script> Friday, September 20, 13
29.
<script src=”file4.js”></script> <script src=”file3.js”></script> <script
src=”file1.js”></script> <script src=”file2.js”></script> index.html ------------ <script src=”file5.js”></script> <script src=”file6.js”></script> <script src=”file7.js”></script> <script src=”file8.js”></script> Friday, September 20, 13
30.
Friday, September 20,
13
31.
Not only one way
to order <script>s Friday, September 20, 13
32.
app.js view.js helpers.jsview2.js helpers2.js model.js Friday, September
20, 13
33.
app.js view.js helpers.jsview2.js helpers2.js model.js 1 2 3 5 4 6 Friday, September
20, 13
34.
app.js view.js helpers.jsview2.js helpers2.js model.js 1 2 3 5 4 6 4 1 3 2 5 6 Friday, September
20, 13
35.
1 4 5 2 3 0 1 1 2,3 2
5 3 4 IN-DEGREES NODE Friday, September 20, 13
36.
4 5 2 3 0 2,3 2 5 3
4 IN-DEGREES NODE 1 Results: Friday, September 20, 13
37.
4 5 2 0 2 1 5 2
4 IN-DEGREES NODE 1 - 3 Results: Friday, September 20, 13
38.
4 5 0 5 1 4 IN-DEGREES
NODE 1 - 3 - 2 Results: Friday, September 20, 13
39.
4 0 4 IN-DEGREES NODE 1
- 3 - 2 - 5 Results: Friday, September 20, 13
40.
1 4 5 2 3 1 - 3
- 2 - 5 - 4 4 - 5 - 2 - 3 - 1 Friday, September 20, 13
41.
http://howardlewisship.com/images/t5-service-dependencies.jpg Friday, September 20,
13
42.
RequireJS Friday, September 20,
13
43.
Friday, September 20,
13
44.
var module =
(function(){ // private variables, methods var title = “”; function f1() {} return { // public/privileged methods getTitle: function(){ return title; } } }()) ; MODULE PATTERN Friday, September 20, 13
45.
define(function () { var
title = “”; function f1() {} return { getTitle: function() { return title; } } }); RJS MODULE PATTERN Friday, September 20, 13
46.
define(id?, dependencies?, factory) Friday,
September 20, 13
47.
index.html js / -- main.js --
helpers.js -- app / -- views / -- view1.js -- vendor / -- require.js view1.js ------------ define([‘helpers’], function(helpers){ return { init: function(){} } }); define(function(){ // code here }); helpers.js ------------ Friday, September 20, 13
48.
index.html js / -- main.js --
helpers.js -- app / -- views / -- view1.js -- vendor / -- require.js view1.js ------------ define([‘helpers’], function(helpers){ return { init: function(){} } }); define(function(){ // code here }); helpers.js ------------ Friday, September 20, 13
49.
require(dependencies?, factory) Friday, September
20, 13
50.
index.html ------------ <script src=”js/vendor/require.js” data-main=”js/main.js”></script> main.js ------------ require([‘view1’],function(view1){ view1.init(); }); index.html js / --
main.js -- helpers.js -- app / -- views / -- view1.js -- vendor / -- require.js Friday, September 20, 13
51.
Friday, September 20,
13
52.
main.js ------------ require.config({ baseUrl: ‘./js’, paths: { ‘view1’:
‘app/views/view1’ } }); require([‘view1’],function(view1){ view1.init(); }); index.html js / -- main.js -- helpers.js -- app / -- views / -- view1.js -- vendor / -- require.js Friday, September 20, 13
53.
NO blocking! Friday, September
20, 13
54.
require() asynchronous de!ne() -
de!ne.amd AMD well suited for browser Friday, September 20, 13
55.
Friday, September 20,
13
56.
Friday, September 20,
13
57.
if ( typeof
define === "function" && define.amd ) { define( "jquery", [], function () { return jQuery; }); } Friday, September 20, 13
58.
Friday, September 20,
13
59.
index.html js / -- main.js --
helpers.js -- app / -- views / -- view1.js -- vendor / -- require.js -- backbone.js -- underscore.js -- jquery.js main.js ------------ require.config({ baseUrl: ‘js/vendor’, shim: { ‘underscore’:{ exports: ‘_’ }, ‘backbone’: { deps: [‘jquery’, ‘underscore’], exports: ‘Backbone’ } } }); require([‘backbone’],function(Backbone){ Backbone.history.start(); }); Friday, September 20, 13
60.
index.html js / -- main.js --
helpers.js -- app / -- views / -- view1.js -- vendor / -- require.js -- backbone.js -- underscore.js -- jquery.js main.js ------------ require.config({ baseUrl: ‘js/vendor’, shim: { ‘underscore’:{ exports: ‘_’ }, ‘backbone’: { deps: [‘jquery’, ‘underscore’], exports: ‘Backbone’ } } }); require([‘backbone’],function(Backbone){ Backbone.history.start(); }); Friday, September 20, 13
61.
LOADER PLUGINS • i18n!,
async!, domReady! • text!, css!, json!, cs!, hbs! [plugin Module ID]![resource ID] Friday, September 20, 13
62.
main.js ------------ require.config({ baseUrl: ‘./js’ }); require([‘text!partials/file.txt’], function(txt) { //
txt goes here }); index.html js / -- main.js -- vendor / -- require.js -- text.js -- partials / -- !le.txt Friday, September 20, 13
63.
Friday, September 20,
13
64.
3 requests! Friday, September
20, 13
65.
r.js npm install -g
requirejs OPTIMIZER Friday, September 20, 13
66.
r.js -o tools/build.js Friday,
September 20, 13
67.
build.js ------------ ({ appDir:'../', mainConfigFile: '../js/main.js', dir: "../build", modules:
[ { name: "../main" } ] }) index.html js / -- main.js -- helpers.js -- app / -- views / -- view1.js -- vendor / -- require.js tools / -- build.js Friday, September 20, 13
68.
build/js/main.js ---------------- index.html build / -- index.html --
build.txt -- js / -- main.js -- helpers.js -- app / -- views / -- view1.js -- vendor / -- require.js -- tools / -- build.js js/vendor/../main.js ---------------- js/helpers.js js/vendor/view1.js js/vendor/../main.js build/build.txt ---------------- Friday, September 20, 13
69.
OPTIMIZER 1 request! Friday, September
20, 13
70.
Friday, September 20,
13
71.
exports.render = function()
{}; var module = require(‘view1’); NO de!ne() require() synchronous Server-side approach Friday, September 20, 13
72.
npm install -g
browserify Friday, September 20, 13
73.
foo.js ------------ index.html js / -- main.js --
foo.js node_modules / package.json var Foo = function() { // do something }; module.exports = Foo; main.js ------------ var Foo = require(‘./foo’); var foo = new Foo(); Friday, September 20, 13
74.
browserify js/main.js >
js/bundle.js Friday, September 20, 13
75.
index.html ------------ index.html js / -- main.js --
foo.js -- bundle.js node_modules / package.json bundle.js ------------;(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]) {var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);throw new Error("Cannot find module '"+o+"'")}var f=n[o]={exports:{}};t[o] [0].call(f.exports,function(e){var n=t[o][1][e];return s(n?n:e)},f,f.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1: [function(require,module,exports){ var Foo = function(){ console.log("AA"); }; module.exports = Foo; },{}],2:[function(require,module,exports){ var Foo = require('./foo'); var foo = new Foo(); },{"./foo":1}]},{},[2]) <script src=”js/bundle.js”> </script> Friday, September 20, 13
76.
Package management Friday, September 20,
13
77.
Friday, September 20,
13
78.
“A package is
a specific piece of software installable” Friday, September 20, 13
79.
Packages One or more
modules Friday, September 20, 13
80.
Name, Description, Version Metadata Packages One
or more modules Friday, September 20, 13
81.
Name, Description, Version Metadata Packages One
or more modules Checksum Friday, September 20, 13
82.
Name, Description, Version Metadata Packages One
or more modules Checksum Dependencies Friday, September 20, 13
83.
Package Manager is the
TOOL to... Friday, September 20, 13
84.
Speed up your
development work"ow Friday, September 20, 13
85.
Speed up your
development work"ow Automate common tasks Friday, September 20, 13
86.
Speed up your
development work"ow Automate common tasks DRY with Repository / Registry Friday, September 20, 13
87.
Common Operations Friday, September
20, 13
88.
Installing Friday, September 20,
13
89.
Installing Removing Friday, September 20,
13
90.
Installing Removing Searching Friday, September 20,
13
91.
Installing Removing Searching Upgrading Friday, September 20,
13
92.
Installing Removing Searching Upgrading Publishing Friday, September 20,
13
93.
Package Depedencies A B C C Friday, September
20, 13
94.
Package Depedencies A B C C =1.1.0 >1.2.0 Friday, September
20, 13
95.
Package Depedencies A B C C =1.1.0 >1.2.0 Which version should
I download? Friday, September 20, 13
96.
Java Ruby Python
.Net OSX Linux Maven/Gradle Rubygems pip NuGet Homebrew yum/apt Friday, September 20, 13
97.
How do you install
packages in JS ? Friday, September 20, 13
98.
Friday, September 20,
13
99.
Node.js Friday, September 20,
13
100.
package.json Node.js Friday, September 20,
13
101.
package.json NPM registry Node.js Friday, September
20, 13
102.
package.json ------------ { "name": "my-app", "version": "0.0.1", "dependencies":
{ "jquery": "~2.0" }, "devDependencies": { "qunit": "0.5.x" } } index.html package.json js / -- app.js Friday, September 20, 13
103.
npm install Friday, September
20, 13
104.
npm install <package> Commands Friday,
September 20, 13
105.
npm install <package> Commands npm
install -g <package> Friday, September 20, 13
106.
npm install <package> Commands npm
install -g <package> npm update <package> Friday, September 20, 13
107.
npm list Commands Friday, September
20, 13
108.
npm list Commands npm uninstall
<package> Friday, September 20, 13
109.
npm list Commands npm uninstall
<package> npm publish <tarball> Friday, September 20, 13
110.
is a not
Package Manager for the CLIENT Friday, September 20, 13
111.
Bower Friday, September 20,
13
112.
Bower Minimalistic & Agnostic Friday,
September 20, 13
113.
Bower Minimalistic & Agnostic HTML/CSS/JS Friday,
September 20, 13
114.
Bower Minimalistic & Agnostic HTML/CSS/JS AMD/CommonJS/ES6
modules Friday, September 20, 13
115.
npm install -g
bower Friday, September 20, 13
116.
bower.json ------------ { "name": "my-app", "version": "0.0.1", "ignore":
[ "build", "Gruntfile.js", "package.json", "bower.json" ], "main": ["js/app.js"], "dependencies": { "requirejs": "~2.1.8", // >=2.1.8 < 2.2.0 "jquery": "~2.0" // >=2.0.0 < 2.1.0 }, "devDependencies": { "qunit": "^1.12.0" // >=1.12.0 < 2.0.0 } } index.html bower.json js / -- app.js Friday, September 20, 13
117.
bower install Friday, September
20, 13
118.
.bowerrc ------------ { "directory”: “js/vendor”, “json”: “bower.json” } index.html bower.json .bowerrc js
/ -- app.js -- vendor/ -- jquery/ -- jquery.js -- requirejs/ -- require.js index.html ------------ <script src=”js/vendor/jquery/jquery.js > </script> Friday, September 20, 13
119.
bower install jquery#1.8.2 Git
tagAlias from registry Friday, September 20, 13
120.
bower install jquery
--save Friday, September 20, 13
121.
bower install git://github.com/jquery/jquery.git#1.8.3 bower
install ../my-package Git endpoint + Git tag Local package bower install https://github.com/jquery/jquery.git Git endpoint Friday, September 20, 13
122.
bower list my-package ├── jquery#2.0.3 └──
requirejs#2.1.8 Friday, September 20, 13
123.
bower list my-package ├── jquery#1.8.2
incompatible with ~2.0.0 (2.0.3 available) └── requirejs#2.1.8 my-package ├── jquery#2.0.3 └── requirejs#2.1.8 Friday, September 20, 13
124.
bower update jquery bower
uninstall jquery bower info jquery Friday, September 20, 13
125.
bower register <package>
<git_endpoint> Friday, September 20, 13
126.
Friday, September 20,
13
127.
file1.js ----------- require([‘module2’], function(){ // <use>
<module2>; }); Dependency management Friday, September 20, 13
128.
file1.js ----------- var module2 =
require(‘module2’); // use module2 Dependency management Friday, September 20, 13
129.
source_file ----------- <import> <module2>; // <use>
<module2>; $ bower install jquery Package management Friday, September 20, 13
130.
source_file ----------- <import> <module2>; // <use>
<module2>; $ npm install jquery Package management Friday, September 20, 13
131.
http://requirejs.com http://bower.io/ @sebarmeli https://github.com/amdjs/amdjs-api/wiki/AMD https://npmjs.org/ WebExpo 2013, Prague
(Czech Republic) Friday, September 20, 13
Télécharger maintenant