Liferay UI (R)evolution

•

3 gostaram•3,710 visualizações

Zeno Rocha

Tecnologia Arte e fotografia

“Study the past if 
you would define 
the future”
- Confucius

calendar
buttons
AlloyUI = audio
carousel
tabs ...

v1.5.x
A) Git Clone 1.03 gb
B) Download ZIP 78.1 mb

v2.0.x
Just load it from CDN
<script src="http://cdn.alloyui.com/
2.0.0pr7/aui/aui-min.js"></script>

v2.0.x
No need to download
entire project, just use
YUI().use('aui-carousel', function (Y) {
// code goes here
});

carousel
YUI().use('aui-carousel', function(Y) {
new Y.Carousel({
contentBox: '#myCarousel',
height: 250,
width: 700
}).render();
});

image cropper
YUI().use('aui-image-cropper', function(Y) {
new Y.ImageCropper({
srcNode: '#myImage'
}).render();
});

taglibs
<aui:button name="saveButton" 
type="submit" value="save" />

Button

taglibs

Form Validation

<aui:input name="myField">
<aui:validator name="required" />
<aui:validator name="digits" />
<aui:validator name="range" >
[8,50]
</aui:validator>
</aui:input>

+30 tutorials
+60 examples
!

All written
in Markdown

Optimize the front-end
performance first, because 80%
of the user response time is
spent there.
!

- Steve Souders,
Google

YUI 3.6 vs 3.11 

jsperf.com/yui-basecore-vs-base/5

YUI 3.6 vs 3.11 
Base 
> 40,000 ops/sec
BaseCore 
> 90,000 ops/sec
jsperf.com/yui-basecore-vs-base/5

twitter.com/_pier/status/337880167802355712

github.com/liferay/liferay-aui-upgrade-tool

upgrade tool
1. Install
$ npm install -g laut

2. Execute
$ laut -f ~/Liferay/liferay-plugins

over 100,000
submissions,
modifications,
and approval
actions

<input type=”email”>
<input type=”date”>

native inputs
<input type=”number”>
<input type=”time”>

Mais conteúdo relacionado

Mais procurados

2014 HTML5 총정리

Wonsuk Lee

JasForge : the collaborative agile project

Jasmine Conseil

Microservices are being deployed by many Java Hipsters. If you're working with a large team that needs different release cycles for product components, microservices can be a blessing. If you're working at your VW Restoration Shop and running its online store with your own software, having five services to manage and deploy can be a real pain. This presentation will show you how to use JHipster to create Angular + Spring Boot apps with a unified front-end. You will leave with the know-how to create your own excellent apps! Related blog posts: * Java Microservices with Spring Boot and Spring Cloud: https://developer.okta.com/blog/2019/05/22/java-microservices-spring-boot-spring-cloud * Java Microservices with Spring Cloud Config and JHipster: https://developer.okta.com/blog/2019/05/23/java-microservices-spring-cloud-config * Secure Reactive Microservices with Spring Cloud Gateway: https://developer.okta.com/blog/2019/08/28/reactive-microservices-spring-cloud-gateway

Microservices for the Masses with Spring Boot, JHipster, and OAuth - Switzerl...

Matt Raible

When JavaFX Script was released, the mobile component was an important part. It was also one of the reasons many people and analysts believed in JavaFX as a real cross-platform client-side framework. For a number of reasons, JavaFX on mobile disappeared from the official Java roadmap. Fortunately, the OpenJFX team at Oracle made all the required sources available, and the JavaFXPorts initiative worked on providing JavaFX SDK's for the mobile platforms. In this session, we will show the current state of JavaFX on Mobile. We will show how to create a real cross-platform JavaFX Application using an IDE, and how easy it actually is to deploy that application on Android and iOS devices. We will show some of the features and limitations, and talk about the eco-system that is starting to take shape.

JavaFX on Mobile (by Johan Vos)

Stephen Chin

ProSyst OSGi SDK

DanielSchellhoss

Framework dynamic par Simone Sivetta

CocoaHeads France

2013년 html5 총정리 (Summary of HTML5 Trend in 2013)

Wonsuk Lee

Overview of DroidCon UK 2015

Elif Boncuk

Industry trend of HTML5 in 2012 (2012년 HTML5 총정리)

Wonsuk Lee

Axway's Emmelyn Wang was the featured speaker at the Women Who Code Dallas/Ft. Worth Meetup at the stunning Alkami Technology Headquarters in Plano, TX. The most important thing about API Design is for API developers (and product managers, additional stakeholders) to have empathy for API consumers to create the best Developer Experience possible which is technically critical and key to adoption as a business driver. This approach means that the API specification, the contract between the API provider and API consumer, serves as the core of the design and experience.

API Design: Women Who Code (WWCode) DFW

Axway

As of Android 4.4, the WebView class is based on the Chromium web browser. As a result of that, many of the difficulties we faced when developing hybrid applications for the android platform no longer exist. The meeting will start with overviewing the fundamental concept of hybrid applications. We will learn how to write code in JavaScript that while running inside the WebView it calls functions we define in Java and vice versa. We will see how we can debug code in JavaScript running inside the WebView and go through the many advanced capabilities we can enjoy when using the WebView class. In addition, we will understand how PhoneGap works and what might be the best practice for using it. More information about the Java course I deliver can be found at java.course.lifemichael.com More information about the Android course I deliver can be found at android.course.lifemichael.com

The WebView Role in Hybrid Applications

Haim Michael

What is codename one

Shai Almog

NYC Titanium User's Group - tiConf US Revisited

John Oliva

OSGi Community Event 2016 Presentation by Tim Ward (Paremus) Transactions are a critical part of almost all Enterprise applications, but correctly managing those transactions isn’t always easy. This is particularly true in a dynamic, modular world where you need to be certain that everything is ready before you begin. With the advent of lambda expressions and functional interfaces we now have new, better tools for defining transactional work. The OSGi Transaction Control service uses these functional programming techniques to scope transactions and resource access, providing control and flexibility while leaving business logic uncluttered. The resulting solution is decoupled, modular and requires no container magic at all, making testing and portability a breeze. Background Software controlled transactions have existed for a long time — commercial products that are still available now can trace their origins back to the 1960s. Since that time a lot has changed, first we saw the rise of C, then of Object Oriented programming, then of the Web, and now of Microservices. Over the same time period there have been significant changes to the way that transactions are managed – either transaction boundaries have to be explicitly declared, or the management role is delegated to a container technology. Given the complexity of correctly managing the transaction lifecycle, container managed solutions are regarded as the gold standard, however container managed solutions introduce their own problems. The rise of the Spring framework was a reaction to the complexity, and heavy-touch management of the original Java EE specifications. Instead Spring focussed on “pure POJO” programming, designed to make your code easily portable, runnable and testable inside or outside the container. While Spring did a much better job of hiding complexity than those early Java EE servers, the fundamental problem with any pure declarative approach is that there must be a container somewhere. Without a container there is no code to start or end the transaction. Even now with Spring, EJB 3.2, CDI etc, the promise of simpler, container independent components is an illusion. The big problem with declarative transaction management is that it tries to take away too much from the application code, replacing it with “container magic”. The problem with relying on magic is that the resulting system ends up being more complex, not less. We therefore should be aiming to simplify and minimise transaction management code, not eliminate it entirely. Java’s support for functional techniques opens a whole new set of API possibilities for transaction management, and the Apache Aries project has been exploring the possibilities of providing generic resource and transaction management in a concise, type-safe way. Examples from this project demonstrate how transaction management can be made both simple and explicit at the same time.

Transaction Control – a Functional Approach to Modular Transaction Management...

mfrancis

Micronaut: A new way to build microservices

Luram Archanjo

Are you securing your microservice architectures by hiding them behind a firewall? That works, but there are better ways to do it. This presentation recommends 11 patterns to secure microservice architectures. 1. Be Secure by Design 2. Scan Dependencies 3. Use HTTPS Everywhere 4. Use Access and Identity Tokens 5. Encrypt and Protect Secrets 6. Verify Security with Delivery Pipelines 7. Slow Down Attackers 8. Use Docker Rootless Mode 9. Use Time-Based Security 10. Scan Docker and Kubernetes Configuration for Vulnerabilities 11. Know Your Cloud and Cluster Security Blog post: https://developer.okta.com/blog/2020/03/23/microservice-security-patterns

Security Patterns for Microservice Architectures - Oktane20

Matt Raible

** Full Stack Web Development Training: https://www.edureka.co/masters-program/full-stack-developer-training ** This Edureka tutorial on Angular vs React vs Vue will help you in demystifying the fundamental differences between each of these JavaScript Frameworks. Following are the topics which are used for comparison: Architecture Type DOM Application Type Language Preference Scalability Ease Of Deployment Data Flow Learning Curve Market Trend Community & Support Follow us to never miss an update in the future. Instagram: https://www.instagram.com/edureka_learning/ Facebook: https://www.facebook.com/edurekaIN/ Twitter: https://twitter.com/edurekain LinkedIn: https://www.linkedin.com/company/edureka

Angular vs React vs Vue | Javascript Frameworks Comparison | Which One You Sh...

Edureka!

Jasforge Agile Collaborative Platform

Jasmine Conseil

Mais procurados (18)

2014 HTML5 총정리

JasForge : the collaborative agile project

Microservices for the Masses with Spring Boot, JHipster, and OAuth - Switzerl...

JavaFX on Mobile (by Johan Vos)

ProSyst OSGi SDK

Framework dynamic par Simone Sivetta

2013년 html5 총정리 (Summary of HTML5 Trend in 2013)

Overview of DroidCon UK 2015

Industry trend of HTML5 in 2012 (2012년 HTML5 총정리)

API Design: Women Who Code (WWCode) DFW

The WebView Role in Hybrid Applications

What is codename one

NYC Titanium User's Group - tiConf US Revisited

Transaction Control – a Functional Approach to Modular Transaction Management...

Micronaut: A new way to build microservices

Security Patterns for Microservice Architectures - Oktane20

Angular vs React vs Vue | Javascript Frameworks Comparison | Which One You Sh...

Jasforge Agile Collaborative Platform

Semelhante a Liferay UI (R)evolution

Yui intro

Aditya Gaur

Y hack-china-2013

Syu-jhih Wu

yui3 is Sexy - 使用 YUI 3 的 Sexy Part !

Joseph Chiang

T 0230 Google Wave Powered By Gwt

supertoy2015

YUI3 and AlloyUI Introduction for Pernambuco.JS 2012

Eduardo Lundgren

The Web Becomes Graceful

colorhook

Creating custom modules using YUI3

Gonzalo Cordero

Running YUI 3 on Node.js - JSConf 2010

Adam Moore

В этом докладе мы рассмотрим мотивацию создания и текущее состояние следующих Java проектов: - Проект Valhalla для внедрения встроенных типов (Inline Types) в Java - Проект Loom для реализации облегченных потоков (Lightweight Threads) в Java - GraalVM - полиглотная виртуальная машина для Java. Мы также поговорим о том, как GraalVM делает приложения на основе Java более доступными для внедрения Serverless парадигмы.

JavaFest. Вадим Казулькин. Projects Valhalla, Loom and GraalVM

FestGroup

Projects Valhalla, Loom and GraalVM at virtual JavaFest 2020 in Kiev, Ukraine...

Vadym Kazulkin

Android

scottw

Hack U - YUI - 2012 IIT Kharagpur

Sumana Hariharan

Develop & Deploy Node.js app on Windows Azure

Andri Yadi

Running YUI 3 on Node.js - BayJax

Adam Moore

JS FAST Prototyping with AngularJS & RequireJS

Yuriy Silvestrov

Chrome enchanted 2015

Chang W. Doh

Server Side JavaScript - You ain't seen nothing yet

Tom Croucher

DIY: Computer Vision with GWT.

JooinK

DIY- computer vision with GWT

Francesca Tosi

Hack with YUI

Luke Smith

Semelhante a Liferay UI (R)evolution (20)

Yui intro

Y hack-china-2013

yui3 is Sexy - 使用 YUI 3 的 Sexy Part !

T 0230 Google Wave Powered By Gwt

YUI3 and AlloyUI Introduction for Pernambuco.JS 2012

The Web Becomes Graceful

Creating custom modules using YUI3

Running YUI 3 on Node.js - JSConf 2010

JavaFest. Вадим Казулькин. Projects Valhalla, Loom and GraalVM

Projects Valhalla, Loom and GraalVM at virtual JavaFest 2020 in Kiev, Ukraine...

Android

Hack U - YUI - 2012 IIT Kharagpur

Develop & Deploy Node.js app on Windows Azure

Running YUI 3 on Node.js - BayJax

JS FAST Prototyping with AngularJS & RequireJS

Chrome enchanted 2015

Server Side JavaScript - You ain't seen nothing yet

DIY: Computer Vision with GWT.

DIY- computer vision with GWT

Hack with YUI

Mais de Zeno Rocha

Video: https://www.youtube.com/watch?v=NCGLPp778JY You’ve probably heard about the amazing things that HTML5 can do. Maybe you already saved some data using Local Storage, fetched user coordinates using Geolocation, or even drew graphs and other objects using Canvas. But did you know there are many more new JavaScript APIs in the Web Platform? In this talk, we’ll see how to leverage the power of those APIs in order to create better experiences for your users.

Web APIs you (probably) didn't know existed

Zeno Rocha

Future of Web Development

Zeno Rocha

Tracking.js

Zeno Rocha

People are reaching for their phones in everyday situations, so creating apps that meet their immediate and long term needs is the key to engage them. Wearable technologies are getting stronger every day and are beginning to act as more an extension of the user than the phone in their pocket. In this talk, we'll explore ways in which these new wearable solutions could interact with Liferay Portals.

Liferay + Wearables

Zeno Rocha

Como empreender em... você!

Zeno Rocha

Um futuro chamado Web Components

Zeno Rocha

Getting started with YUI3 and AlloyUI

Zeno Rocha

How to create high scalable JavaScript apps for Java Portals

Zeno Rocha

Augmented Reality in JavaScript

Zeno Rocha

Como Perder Peso (no browser)

Zeno Rocha

Os mitos do desenvolvimento front-end

Zeno Rocha

Super Trunfo - Case de Dados Abertos

Zeno Rocha

Desbravando o HTML5 Boilerplate

Zeno Rocha

Construindo Projetos Robustos em HTML5

Zeno Rocha

HTML 5

Zeno Rocha

Wordpress

Zeno Rocha

Mais de Zeno Rocha (16)

Web APIs you (probably) didn't know existed

Future of Web Development

Tracking.js

Liferay + Wearables

Como empreender em... você!

Um futuro chamado Web Components

Getting started with YUI3 and AlloyUI

How to create high scalable JavaScript apps for Java Portals

Augmented Reality in JavaScript

Como Perder Peso (no browser)

Os mitos do desenvolvimento front-end

Super Trunfo - Case de Dados Abertos

Desbravando o HTML5 Boilerplate

Construindo Projetos Robustos em HTML5

HTML 5

Wordpress

Último

Corporate and higher education. Two industries that, in the past, have had a clear divide with very little crossover. The difference in goals, learning styles and objectives paved the way for differing learning technologies platforms to evolve. Now, those stark lines are blurring as both sides are discovering they have content that’s relevant to the other. Join Tammy Rutherford as she walks through the pros and cons of corporate and higher ed collaborating. And the challenges of these different technology platforms working together for a brighter future.

Corporate and higher education May webinar.pptx

Rustici Software

💥 You’re lucky! We’ve found two different (lead) developers that are willing to share their valuable lessons learned about using UiPath Document Understanding! Based on recent implementations in appealing use cases at Partou and SPIE. Don’t expect fancy videos or slide decks, but real and practical experiences that will help you with your own implementations. 📕 Topics that will be addressed: • Training the ML-model by humans: do or don't? • Rule-based versus AI extractors • Tips for finding use cases • How to start 👨‍🏫👨‍💻 Speakers: o Dion Morskieft, RPA Product Owner @Partou o Jack Klein-Schiphorst, Automation Developer @Tacstone Technology

DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam

UiPathCommunity

ICT role in 21st century education and its challenges

rafiqahmad00786416

CNIC Information System with Pakdata Cf In Pakistan

danishmna97

Discover the innovative features and strategic vision that keep WSO2 an industry leader. Explore the exciting 2024 roadmap of WSO2 API management, showcasing innovations, unified APIM/APK control plane, natural language API interaction, and cloud native agility. Discover how open source solutions, microservices architecture, and cloud native technologies unlock seamless API management in today's dynamic landscapes. Leave with a clear blueprint to revolutionize your API journey and achieve industry success!

WSO2's API Vision: Unifying Control, Empowering Developers

WSO2

Passkeys: Developing APIs to enable passwordless authentication Cody Salas, Sr Developer Advocate | Solutions Architect - Yubico Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...

apidays

The value of a flexible API Management solution for Open Banking Steve Melan, Manager for IT Innovation and Architecture - State's and Saving's Bank of Luxembourg Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - The value of a flexible API Management solution for O...

apidays

Retrieval augmented generation (RAG) is the most popular style of large language model application to emerge from 2023. The most basic style of RAG works by vectorizing your data and injecting it into a vector database like Milvus for retrieval to augment the text output generated by an LLM. This is just the beginning. One of the ways that we can extend RAG, and extend AI, is through multilingual use cases. Typical RAG is done in English using embedding models that are trained in English. In this talk, we’ll explore how RAG could work in languages other than English. We’ll explore French, Chinese, and Polish.

Introduction to Multilingual Retrieval Augmented Generation (RAG)

Zilliz

Dubai, known for its towering skyscrapers, luxurious lifestyle, and relentless pursuit of innovation, often finds itself in the global spotlight. However, amidst the glitz and glamour, the emirate faces its own set of challenges, including the occasional threat of flooding. In recent years, Dubai has experienced sporadic but significant floods, disrupting normalcy and posing unique challenges to its infrastructure. Among the critical nodes in this bustling metropolis is the Dubai International Airport, a vital hub connecting the world. This article delves into the intersection of Dubai flood events and the resilience demonstrated by the Dubai International Airport in the face of such challenges.

Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf

Orbitshub

FWD Group - Insurer Innovation Award 2024

The Digital Insurer

Elevate Developer Efficiency & build GenAI Application with Amazon Q

Bhuvaneswari Subramani

Understanding the FAA Part 107 License ..

Christopher Logan Kennedy

Webinar Recording: https://www.panagenda.com/webinars/why-teams-call-analytics-is-critical-to-your-entire-business Nothing is as frustrating and noticeable as being in an important call and being unable to see or hear the other person. Not surprising then, that issues with Teams calls are among the most common problems users call their helpdesk for. Having in depth insight into everything relevant going on at the user’s device, local network, ISP and Microsoft itself during the call is crucial for good Microsoft Teams Call quality support. To ensure a quick and adequate solution and to ensure your users get the most out of their Microsoft 365. But did you know that ‘bad calls’ are also an excellent indicator of other problems arising? Precisely because it is so noticeable!? Like the canary in the mine, bad calls can be early indicators of problems. Problems that might otherwise not have been noticed for a while but can have a big impact on productivity and satisfaction. Join this session by Christoph Adler to learn how true Microsoft Teams call quality analytics helped other organizations troubleshoot bad calls and identify and fix problems that impacted Teams calls or the use of Microsoft365 in general. See what it can do to keep your users happy and productive! In this session we will cover - Why CQD data alone is not enough to troubleshoot call problems - The importance of attributing call problems to the right call participant - What call quality analytics can do to help you quickly find, fix-, and prevent problems - Why having retrospective detailed insights matters - Real life examples of how others have used Microsoft Teams call quality monitoring to problem shoot problems with their ISP, network, device health and more.

Why Teams call analytics are critical to your entire business

panagenda

Strategies for Landing an Oracle DBA Job as a Fresher

Remote DBA Services

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Product Anonymous

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

MadyBayot

Dubai, often portrayed as a shimmering oasis in the desert, faces its own set of challenges, including the occasional threat of flooding. Despite its reputation for opulence and modernity, the emirate is not immune to the forces of nature. In recent years, Dubai has experienced sporadic but significant floods, testing the resilience of its infrastructure and communities. Among the critical lifelines in this bustling metropolis is the Dubai International Airport, a bustling hub that connects the city to the world. This article explores the intersection of Dubai flood events and the resilience demonstrated by the Dubai International Airport in the face of such challenges.

Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...

Orbitshub

Following the popularity of "Cloud Revolution: Exploring the New Wave of Serverless Spatial Data," we're thrilled to announce this much-anticipated encore webinar. In this sequel, we'll dive deeper into the Cloud-Native realm by uncovering practical applications and FME support for these new formats, including COGs, COPC, FlatGeoBuf, GeoParquet, STAC, and ZARR. Building on the foundation laid by industry leaders Michelle Roby of Radiant Earth and Chris Holmes of Planet in the first webinar, this second part offers an in-depth look at the real-world application and behind-the-scenes dynamics of these cutting-edge formats. We will spotlight specific use-cases and workflows, showcasing their efficiency and relevance in practical scenarios. Discover the vast possibilities each format holds, highlighted through detailed discussions and demonstrations. Our expert speakers will dissect the key aspects and provide critical takeaways for effective use, ensuring attendees leave with a thorough understanding of how to apply these formats in their own projects. Elevate your understanding of how FME supports these cutting-edge technologies, enhancing your ability to manage, share, and analyze spatial data. Whether you're building on knowledge from our initial session or are new to the serverless spatial data landscape, this webinar is your gateway to mastering cloud-native formats in your workflows.

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Safe Software

Tracing the root cause of a performance issue requires a lot of patience, experience, and focus. It’s so hard that we sometimes attempt to guess by trying out tentative fixes, but that usually results in frustration, messy code, and a considerable waste of time and money. This talk explains how to correctly zoom in on a performance bottleneck using three levels of profiling: distributed tracing, metrics, and method profiling. After we learn to read the JVM profiler output as a flame graph, we explore a series of bottlenecks typical for backend systems, like connection/thread pool starvation, invisible aspects, blocking code, hot CPU methods, lock contention, and Virtual Thread pinning, and we learn to trace them even if they occur in library code you are not familiar with. Attend this talk and prepare for the performance issues that will eventually hit any successful system. About authorWith two decades of experience, Victor is a Java Champion working as a trainer for top companies in Europe. Five thousands developers in 120 companies attended his workshops, so he gets to debate every week the challenges that various projects struggle with. In return, Victor summarizes key points from these workshops in conference talks and online meetups for the European Software Crafters, the world’s largest developer community around architecture, refactoring, and testing. Discover how Victor can help you on victorrentea.ro : company training catalog, consultancy and YouTube playlists.

Finding Java's Hidden Performance Traps @ DevoxxUK 2024

Victor Rentea

In this keynote, Asanka Abeysinghe, CTO,WSO2 will explore the shift towards platformless technology ecosystems and their importance in driving digital adaptability and innovation. We will discuss strategies for leveraging decentralized architectures and integrating diverse technologies, with a focus on building resilient, flexible, and future-ready IT infrastructures. We will also highlight WSO2's roadmap, emphasizing our commitment to supporting this transformative journey with our evolving product suite.

Platformless Horizons for Digital Adaptability

WSO2

Liferay UI (R)evolution

1. Liferay UI revolution São Paulo, 2014

5. “Study the past if  you would define  the future” - Confucius

6. v1.7 - JS

7. v3.0 - JS

8. v4.2 - JS

9. v5.0 - jQuery

10.

11. v6.0 - AlloyUI

12. 2009

13. @natecavanaugh

14. @eduardolundgren

15.

16. effects ajax YUI = MVC events DOM ...

17. calendar buttons AlloyUI = audio carousel tabs ...

18. JavaScript

19. YUI

20. AlloyUI

21. 60 components in 6 months

22.

23. 08/2012

24.

25. AlloyUI 2 01/2013

26. #1 easier  to use

27. v1.5.x A) Git Clone 1.03 gb B) Download ZIP 78.1 mb

28. v2.0.x Just load it from CDN <script src="http://cdn.alloyui.com/ 2.0.0pr7/aui/aui-min.js"></script>

29. v2.0.x No need to download entire project, just use YUI().use('aui-carousel', function (Y) { // code goes here });

30. carousel

31. carousel YUI().use('aui-carousel', function(Y) { new Y.Carousel({ contentBox: '#myCarousel', height: 250, width: 700 }).render(); });

32. image cropper

33. image cropper YUI().use('aui-image-cropper', function(Y) { new Y.ImageCropper({ srcNode: '#myImage' }).render(); });

34. but I’m a java guy!

35. <taglibs> o/

36. taglibs <aui:button name="saveButton"  type="submit" value="save" /> Button

37. taglibs Form Validation <aui:input name="myField"> <aui:validator name="required" /> <aui:validator name="digits" /> <aui:validator name="range" > [8,50] </aui:validator> </aui:input>

38. #2 faster  to build

39. v1.5.x Time to build  ~5 min

40. v2.0.x Time to build  ~1 min

41. #3 more  docs

42. alloyui.com

43. > 1,200,000 pageviews

44. +30 tutorials +60 examples ! All written in Markdown

45. #4 more  community  engagement

46. october, 2013 january, 2013

47. > 30,000  downloads

48. #5 better  performance

49. Optimize the front-end performance first, because 80% of the user response time is spent there. ! - Steve Souders, Google

50. YUI 3.6 vs 3.11  jsperf.com/yui-basecore-vs-base/5

51. YUI 3.6 vs 3.11  Base  > 40,000 ops/sec BaseCore  > 90,000 ops/sec jsperf.com/yui-basecore-vs-base/5

52. #6 redesign  everything

53. liferay.github.io/alloy-bootstrap

54. twitter.com/_pier/status/337880167802355712

55. what about liferay portal?

56.   Liferay Portal   AlloyUI

57. themes

58. new classic theme

59. github.com/liferay/alloy-bootstrap

60.

61. what about custom themes?

62. bootstrapthemes.com

63. wrapbootstrap.com

64. bootswatch.com

65. how can I upgrade my theme/plugin?

66. github.com/liferay/liferay-aui-upgrade-tool

67. upgrade tool 1. Install $ npm install -g laut 2. Execute $ laut -f ~/Liferay/liferay-plugins

68. localization

69. over 100,000 submissions, modifications, and approval actions

70. translate.liferay.com

71.

72. mobile devices

73. mobile vs responsive design

74.

75. how to test?

76.

77. responsive design preview

78. HTML

79.

80. <input type=”email”> <input type=”date”> native inputs <input type=”number”> <input type=”time”>

81. “HTML5 is the future”

82. wanna see the future?

83.

84. HTML5 is today!

85. Content Consumer

86. Devices

87. Content Consumer

88. Devices

89. old browsers are like BW TVs

90. new browsers are like HD TVs

91. TV already solved that problem

92. so why people keep doing this?

93. “The best way to predict the future is to create it” - Abraham Lincoln

94. obrigado :)

Liferay UI (R)evolution

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (18)

Semelhante a Liferay UI (R)evolution

Semelhante a Liferay UI (R)evolution (20)

Mais de Zeno Rocha

Mais de Zeno Rocha (16)

Último

Último (20)

Liferay UI (R)evolution