jQuery #OpenExpoDay 2014

•

0 likes•476 views

The document discusses jQuery, an open-source JavaScript library. It describes how jQuery is used by many websites and is supported by the jQuery Foundation nonprofit organization. The document also summarizes jQuery Mobile, a jQuery-based framework for building mobile web sites and apps using HTML, CSS and JavaScript. It highlights key features of jQuery Mobile like navigation, UI components, themes and how to get involved with contributing to jQuery projects.

Technology

Jasper de Groot
#OpenExpoDay Madrid 2014

Cross-platform JavaScript library
Created by John Resig
Very popular :)
jquery.com Source: builtwith.com - January 2014

jQuery is more than a
JavaScript library

In this talk...
jQuery Foundation
Zoom in on a project: jQuery Mobile
Contributing to jQuery projects

Member supported non-profit trade association
for web developers
Founded in March 2012
jquery.org

Mission Statement
To improve the open web, making it
accessible for everyone, through the
development of the open source software
commonly known as the "jQuery Project" and
collaboration with the development community

Coordinate development on our open source projects
Provide high-quality documentation for our projects
Host world-wide conferences for developers
Participate in the web standards process
Activities

jQuery Projects
Core
UI
Mobile
QUnit
Sizzle

Community & Support
Forum forum.jquery.com
IRC irc.jquery.org
Learning Center learn.jquery.com
Plugin site plugins.jquery.com
Conferences events.jquery.org

Touch-optimized Web Framework
Cross-platform (mobile, tablet & desktop)
Responsive
jquerymobile.com

Features
Navigation
Fluid width UI components (widgets)
Touch events
Theming system

<html>
<head></head>
<body>
</body>
</html>
</div>
<div data-role=“page”>
index.html
<html>
<head></head>
<body>
</body>
</html>
</div>
<div data-role=“page”>
about.html
Page

<html>
<head></head>
<body>
</body>
</html>
</div>
<div data-role=“page”>
index.html
</div>
<div data-role=“page”>
<html>
<head></head>
<body>
</body>
</html>
</div>
<div data-role=“page”>
about.html
AJAX Navigation

<html>
<head></head>
<body>
</body>
</html>
index.html
</div>
<div data-role=“page”
id=“about”>
Multi-page
<html>
<head></head>
<body>
</body>
</html>
</div>
<div data-role=“page”
id=“home”>
index.html
</div>
<div data-role=“page”
id=“about”>
</div>
<div data-role=“page”
id=“home”>

UI Components
Widgets
Toolbar
Navbar
Tabs
Panel
Popup
Listview
Collapsible (set)
Table Reflow / Column Toggle
Form widgets
Checkboxes
Radio buttons
Selectmenu
Flipswitch
Slider
Rangeslider
Input button
Controlgroup

Widgets
Interactions
Effects
jqueryui.com

jQuery Mobile 2.0
Adopt widgets from jQuery UI
Shared CSS Framework
Shared ThemeRoller & Download Builder

Contributing
Doesn’t only mean writing code
Documentation, demos, web sites, bug triage,
support, reporting bugs, volunteer at events,
etc.

Getting Started
Visit contribute.jquery.org
Sign the Contributor License Agreement
Read the Contributing Guidelines
Hang out on IRC -dev channels & Dev forum

WordPress web sites
jquery-wp-content
All content is in GitHub repos just like the code

Why?
It gives a lot of satisfaction
You learn a lot from it
Working with great people
Eventually you could become a team member

Connect
@jaspermdegroot
es.linkedin.com/in/jaspermdegroot

M. Edwin Zakaria is a long-time openSUSE user and member who helped establish the openSUSE Indonesia community in 2007. The community holds regular meetups and activities to discuss openSUSE and support other Linux communities in Indonesia. While the community has grown significantly on social media and through its website and repository, it faces challenges around infrastructure and maintaining engagement over time. Its goals for the future include increasing education outreach and involvement in openSUSE development.

Using Drupal's Organic Groups, an Introduction - PNWDS 2013

Renee Stephen

Wiki Technology By It Rocks

naveenv

The document discusses wiki technology and how it can be used for collaboration. Some key points: - Wiki allows quick and easy creation of web pages that multiple users can edit, making it a tool for collaboration. It stores all page versions so errors can be corrected. - Wiki is used for knowledge management and organizing information to avoid email overload. Students and professionals use private wikis for group projects and internal discussions. - Wiki values permanent knowledge that can be improved over time, unlike blogs which focus on latest news. Wiki content can be edited by any user while blog content cannot after posting. - Wiki has advantages of collaborative work in one space and easy knowledge sharing, but the open editing can allow unreliable

Wiki Technology By IT ROCKS

naveenv

The document discusses wiki technology and how it can be used for collaboration. Some key points: - Wiki allows quick and easy creation of web pages that multiple users can edit, making it a tool for collaboration. It stores all page versions so errors can be corrected. - Wiki is used for knowledge management and organizing information, as students and professionals can work together and discuss projects in one place. - Compared to blogs, wiki values permanent knowledge that can be improved over time by multiple editors, rather than just latest news. - While wiki allows open collaboration, confidential information may require access regulation due to unverified edits from any user. When implemented well, wiki can provide a powerful platform for sharing knowledge across

Yahoo! Mojito talk on Agency Hackday

Gaurav Vaish

Mojito is a JavaScript-based MVC framework for building web applications that can run on both the server and client. It uses Node.js and Express on the server, with Mustache for templating. Applications are built with Mojits, which contain the model, view, and controller. Mojito supports features like internationalization, command line tools, and scaling across devices in a single codebase. The document provides instructions on getting started with Mojito by creating a simple "Hello World" application.

Mozilla: Bukan Sekadar Peramban

Benny Chandra

Bukan Sekadar Peramban

Benny Chandra

Benny Chandra gave a presentation about Mozilla's mission and recent Firefox and Mozilla projects. He discussed (1) Mozilla's mission to promote openness, innovation, and opportunity on the web, (2) recent Firefox updates including improved add-on compatibility and a new add-on to track third party tracking, and (3) new Mozilla projects including Marketing Collective, Firefox Flicks video contest, and WebFWD innovation accelerator.

Introduction to Google Web Toolkit - part 1

Muhammad Ghazali

This document introduces Google Web Toolkit (GWT), a development toolkit for building complex browser-based applications. It discusses that GWT handles cross-browser issues for developers and compiles Java code into optimized JavaScript. The document outlines GWT's major components like the Java-to-JavaScript compiler and widget library. It also covers GWT's development workflow, available widgets, IDE plugins, and getting started resources.

The document discusses wiki technology and how it can be used for collaboration. Some key points: - Wiki allows quick and easy creation of web pages that multiple users can edit, making it a tool for collaboration. It stores all page versions so errors can be corrected. - Wiki is used for knowledge management and organizing information, as students and professionals can work together and discuss projects in one place. - Compared to blogs, wiki values permanent knowledge that can be improved over time by multiple editors, rather than just latest news. - While wiki allows open collaboration, confidential information may require access regulation due to unverified edits from any user. When implemented well, wiki can provide a powerful platform for sharing knowledge across

Yahoo! Mojito talk on Agency Hackday

Gaurav Vaish

Mozilla: Bukan Sekadar Peramban

Benny Chandra

Bukan Sekadar Peramban

Benny Chandra

Introduction to Google Web Toolkit - part 1

Muhammad Ghazali

Creating a Developer Community

Kohsuke Kawaguchi

The document discusses strategies for creating a developer community around an open source project based on lessons learned from Jenkins. It advocates for making the project highly modular and extensible through a plugin architecture to encourage participation. It also stresses the importance of lowering barriers to contribution by making everything from downloading to building to submitting code as easy as possible. Centralizing updates through a shared update mechanism helps provide a center of gravity for the community.

Liferay UG Meetup #8 - Portal 7.3 + portlets com nodeJS - 2020-03-04

Fernando Fernández

Komunitas Penggerak Brand

Benny Chandra

The document discusses the role of communities in driving the Mozilla brand. It notes that communities are the backbone of the Mozilla project. As a Mozilla representative, one has the freedom to initiate and participate in events, while being responsible through monthly reports and reporting on events. Examples of past Mozilla community activities in Indonesia are provided, including Firefox launch parties in several cities from 2004-2011. The document encourages joining the Mozilla Indonesia community mailing list and getting more actively involved through roles like Mozilla Representative or Mozilla Student Reps.

Gladinet Features

gladinet

Gladinet allows users to access web services and applications from their desktop. It can deliver online storage services like Amazon S3, Microsoft SkyDrive, and Google Picasa. It also provides access to web apps including Google Docs, ZOHO Suite, and ThinkFree Suite. Additionally, Gladinet extends the definition of the web to include a user's remote PCs by allowing file sharing and remote access between computers. The framework is also extensible to other published resources beyond just web services.

Introduction:

Reema

Front-end web development involves programming the user interface of a web application using HTML, CSS, and JavaScript rather than database or server-side programming. It includes everything from simple HTML pages to complex responsive websites designed to work across different browsers, devices, and screen sizes. Front-end development focuses on the Hypertext Markup Language (HTML), Cascading Style Sheets (CSS) and JavaScript portion of web site production.

Peer Production Of Content In Hyves

guest0db095

Introduction To jQuery:

Reema

jQuery is a JavaScript library that simplifies HTML document object model (DOM) tree traversal and manipulation, event handling, CSS animation, and asynchronous JavaScript and XML (Ajax). It is free and open-source software used by 73% of the most popular websites. To use jQuery, developers can download the library from jQuery.com or include it from a content delivery network like Google. There are production and development versions available for download.

Building a developer community in an enterprise world

Laura Cowen

My experiences and learnings of building a developer community in the past couple of years as a Developer Advocate at IBM for the WAS Liberty Java EE application server software. Actually, a lot of the early material is historical and the credits slide at the end lists the several people who I thank for sharing their own experiences of setting up the WASdev community. Images are also credited in a slide at the end. Presented at DevRelCon, the first European developer relations event (http://london-2015.devrel.net/), organised by Matt Revell. 30th September 2015

Let's Build an Open Source Library Together

Kevin Bluer

Ws 16

adeel Rajper

This document discusses responsive e-learning and the Adapt framework. Adapt allows for the creation of a single course that can be accessed on multiple devices through responsive design. It is developed in HTML5 and has been proven effective on many projects. The document provides tips for responsive design such as making navigation easy through scrolling, ensuring everything is visible above the fold, and testing designs on target devices. Content should also be prioritized over flashy designs or unnecessary interactions.

Adapt Webinar on Responsive E-learning | Learning Pool, C&G Kineo, Sponge UK

Learning Pool Ltd

Adapt Multi-Device Learning Webinar - January 22nd 2014

Kineo

This document discusses responsive e-learning and the Adapt framework. Adapt allows for the creation of a single course that can be accessed on multiple devices through responsive design. It is developed in HTML5 and has been proven effective on many projects. The document provides tips for developing responsive courses, such as making navigation easy through scrolling, ensuring content is above the fold, prototyping on target devices, and prioritizing user experience over including all possible device capabilities. Attendees are invited to the Learning Technologies conference to learn more about Adapt from City & Guilds Kineo, Learning Pool, and Sponge UK.

Top 10 Best Web Development Technologies

AjayMishra302670

In real- life scripts, web technology enables you to reach numerous people at formerly and give advanced and faster communication, thereby bringing optimal robotization. The true description of a web technology is a medium by which computers communicate with each other and with the web waiters with the aid of luxury languages and multimedia packages. With the help of web technology, you can make a communication platform with different functionalities and serviceability using programming languages.

Unesco Presentation

Umesh

J-ISIS is a new open source software project by UNESCO to replace its CDS/ISIS database software. It will use Java and open source libraries to create a multiplatform and modular database application. The project aims to keep the functionality of CDS/ISIS while removing restrictions and allowing further development as an open source project. Developers are invited to contribute through roles like programming, testing, documentation and translation.

Conference DotJS 2015 Paris review

Oleksii Prohonnyi

The document provides a review of the DOTJS 2015 conference in Paris. It summarizes that the conference is part of an annual series focused on JavaScript and related technologies. It attracted almost 1,000 participants and featured both short lightning talks and longer keynote speeches on topics like modern asynchronous JavaScript, peer-to-peer file sharing with Hyperdrive, memory management, HTTP/2, ES6 features, reactive programming with RxJS, WebRTC, template compilers, teaching kids to code, mobile optimization, and the future of WebAssembly.

Why Choose Vue.js For Web Development Projects.pptx

Scala Code

The meteoric rise of JavaScript in web development has been driven by incredibly powerful frameworks such as React, Angular, and Vue, allowing developers to quickly develop powerful and interactive digital products. Moreover, the Node.js technology revolution has enabled developers to create and host applications in the cloud, increasing access to a wider range of server-side programming languages.

AngularJS Vs NodeJs

Marie Weaver

There is increasing demand for more robust web applications due to the rise of internet and mobile usage. This has led to the creation of many new development tools and frameworks. Two popular options are Angular and Node.js, which both have their advantages. Angular is a front-end JavaScript framework well suited for single page apps, while Node.js is a back-end runtime for building scalable servers using JavaScript. Key differences are that Angular supports two-way data binding and MVC architecture, while Node.js enables database queries and non-blocking asynchronous I/O. Developers must consider the needs of their specific project to determine whether Angular or Node.js is the best solution.

Starting with jQuery

Anil Kumar

Webmedia 2013: Enhancing Collaborative Sketching Activities with Context-awar...

Vivian Motti

MohitKumarGupta_Resume

Mohit Kumar Gupta

I have been associated with Magic Software as a Creative Analyst. Currently I am working in Magic Box - Platform Team and UX Framework. I have been integrating, developing and design UX-IDE, UX Components, UX Frameworks, Customize Components, Events and Effects. last time I have worked in Webblify (User Experience Web Application Generator Tool), UXSite, Reusable UI-Components, and UI Component Generators.

jQuery Foundation Keynote

Richard Worth

The keynote discusses the history and mission of the jQuery Foundation, a 501(c)6 nonprofit trade association that supports the development of jQuery, jQuery UI, jQuery Mobile, and related projects. It was formed in 2012 after jQuery transitioned from being supported by individual developers. The foundation's mission is to support development of the jQuery projects, develop documentation and support resources, and foster the jQuery community. It offers a membership program for companies and has various membership benefits and levels. It also manages an accelerator fund to help jQuery/jQuery Mobile projects grow and plans several international conferences in the next year to support the community.

Basics of Android

sabi_123

What's hot

Creating a Developer Community

Kohsuke Kawaguchi

Liferay UG Meetup #8 - Portal 7.3 + portlets com nodeJS - 2020-03-04

Fernando Fernández

Komunitas Penggerak Brand

Benny Chandra

Gladinet Features

gladinet

Introduction:

Reema

Peer Production Of Content In Hyves

guest0db095

Introduction To jQuery:

Reema

Building a developer community in an enterprise world

Laura Cowen

Let's Build an Open Source Library Together

Kevin Bluer

What's hot (9)

Creating a Developer Community

Liferay UG Meetup #8 - Portal 7.3 + portlets com nodeJS - 2020-03-04

Komunitas Penggerak Brand

Gladinet Features

Introduction:

Peer Production Of Content In Hyves

Introduction To jQuery:

Building a developer community in an enterprise world

Let's Build an Open Source Library Together

Similar to jQuery #OpenExpoDay 2014

Ws 16

adeel Rajper

Adapt Webinar on Responsive E-learning | Learning Pool, C&G Kineo, Sponge UK

Learning Pool Ltd

Adapt Multi-Device Learning Webinar - January 22nd 2014

Kineo

This document discusses responsive e-learning and the Adapt framework. Adapt allows for the creation of a single course that can be accessed on multiple devices through responsive design. It is developed in HTML5 and has been proven effective on many projects. The document provides tips for developing responsive courses, such as making navigation easy through scrolling, ensuring content is above the fold, prototyping on target devices, and prioritizing user experience over including all possible device capabilities. Attendees are invited to the Learning Technologies conference to learn more about Adapt from City & Guilds Kineo, Learning Pool, and Sponge UK.

Top 10 Best Web Development Technologies

AjayMishra302670

Unesco Presentation

Umesh

Conference DotJS 2015 Paris review

Oleksii Prohonnyi

Why Choose Vue.js For Web Development Projects.pptx

Scala Code

AngularJS Vs NodeJs

Marie Weaver

Starting with jQuery

Anil Kumar

Webmedia 2013: Enhancing Collaborative Sketching Activities with Context-awar...

Vivian Motti

MohitKumarGupta_Resume

Mohit Kumar Gupta

jQuery Foundation Keynote

Richard Worth

Basics of Android

sabi_123

2011 07 Malaysia Open Source Conference

Gen Kanai

This document summarizes Gen Kanai's presentation at the 2011 Malaysia Open Source Conference about Mozilla and the open web. It discusses Mozilla's mission to promote openness and innovation on the internet, provides facts about Mozilla's organization and user base, and showcases examples of innovative websites and tools built using open web standards. It also addresses browser usage trends in Malaysia and opportunities for growing Mozilla's community presence in the country.

How to Build & Develop Responsive Open Learning Environments with the ROLE SDK

Dominik Renzel

TeamDev-Company_Profile

Eugene Goncharov

TeamDev is an international software company with over 3,000 clients, including Fortune 500 companies. They provide quality software, support, and services focused on minimizing development efforts for clients. Their products and services include web and desktop applications, custom integration solutions, and e-commerce applications. TeamDev prides itself on adopting new technologies and cultivating flexible development processes.

Introduction to react js and reasons to go with react js in 2020

Concetto Labs

Do you need jQuery in 2019?

LindaHsu19

The web and a developer’s role

Gbolahan Alli

The document discusses the role of web developers and how to get started in web development. It begins with an introduction of the speaker and their background. It then defines key terms like the web, internet, and web developers. It outlines the main tasks of a web developer as building and maintaining websites with a focus on clients and consumers. It lists the basic tools needed like a computer, IDE, and internet connectivity. It recommends next steps such as joining a training center to learn skills, a tech hub for resources and community, and developer communities to meet others, learn, and collaborate on projects. It concludes by inviting questions from the audience.

jQuery - the world's most popular java script library comes to XPages

Mark Roden

This document discusses using jQuery with XPages. It begins with an introduction to jQuery, explaining that it is a popular JavaScript library that simplifies document manipulation, events, animation, and AJAX. It then compares jQuery to Dojo and provides guidance on when each should be used. The document demonstrates how jQuery works via its API and methods. It also explains how to add jQuery to an XPages application either directly in code or via a theme. Finally, it discusses jQuery plugins and how they can provide ready-made functionality to solve requirements.

Similar to jQuery #OpenExpoDay 2014 (20)

Ws 16

Adapt Webinar on Responsive E-learning | Learning Pool, C&G Kineo, Sponge UK

Adapt Multi-Device Learning Webinar - January 22nd 2014

Top 10 Best Web Development Technologies

Unesco Presentation

Conference DotJS 2015 Paris review

Why Choose Vue.js For Web Development Projects.pptx

AngularJS Vs NodeJs

Starting with jQuery

Webmedia 2013: Enhancing Collaborative Sketching Activities with Context-awar...

MohitKumarGupta_Resume

jQuery Foundation Keynote

Basics of Android

2011 07 Malaysia Open Source Conference

How to Build & Develop Responsive Open Learning Environments with the ROLE SDK

TeamDev-Company_Profile

Introduction to react js and reasons to go with react js in 2020

Do you need jQuery in 2019?

The web and a developer’s role

jQuery - the world's most popular java script library comes to XPages

More from OpenExpoES

Cookies y Big Data. Cómo funciona la venta de datos de personas en la publici...

jQuery #OpenExpoDay 2014

Recommended

Recommended

More Related Content

What's hot

What's hot (9)

Similar to jQuery #OpenExpoDay 2014

Similar to jQuery #OpenExpoDay 2014 (20)

More from OpenExpoES

More from OpenExpoES (20)

Recently uploaded

Recently uploaded (20)

jQuery #OpenExpoDay 2014