Beyond the web: Mobile apps using Drupal & Ionic 2 - Drupal Dev Days Seville 2017

Mar 23, 20170 likes1,125 views

This workshop was one of the musts on Drupal Dev Days 2017. Nacho González -Frontend developer- and Alejandro Gómez built an hybrid application on a live session by using Ionic 2 and a Drupal API with the aim to offer better user experiences. Live technology!

Beyond the web: Mobile apps using
Drupal & Ionic 2
Ignacio González Bullón ♦ Alejandro Gómez Morón

Who are we?
● Frontend & Backend developer (Angular, Ionic,
Java, Node, TypeScript, Gulp)
● 2 years working in Emergya
● Hungry learner
@drupaldevdays #drupaldevdays

Who are we?
● QA & Tech lover (Selenium, Java, TypeScript,
Drupal, Ionic, AngularJS, Gulp…).
● QA leader at @LaDrupalera by @Emergya.
● QA Lecturer at @EPSUPO.
● @SevillaQA organizer.
● I am passionate about challenges and I hate
repeating processes!
@drupaldevdays #drupaldevdays

1. Check you have Internet connection
2. Look for a partner!
3. Make sure you will learn having fun!
@drupaldevdays #drupaldevdays
Hands on!
https://github.com/natete/DrupalDevDays-Ionic2-Workshop

Roadmap
● What’s Ionic and how do it relates with Drupal?
○ Hybrid applications.
○ Drupal RESTful capabilities.
● What are we going to build.
● Hand on!
@drupaldevdays #drupaldevdays

What is Ionic?
● Free & Open Source Framework
● Create Cross-Platform applications based on web
technologies
● Use Cordova Plugins to interact with the device
@drupaldevdays #drupaldevdays

Drupal RESTful capabilities
● Web services modules
○ REST UI
○ RESTful web services
○ Serialization
○ CORS
● Allows us to expose basic resources
● More complex endpoints using views
@drupaldevdays #drupaldevdays

What are we going to build
● An application to view DrupalDevDays Schedule
● Extra features:
○ Add events to the device calendar
○ Receive push notifications (using DevicePush)
@drupaldevdays #drupaldevdays

What we have to learn to do,
We learn by doing
- Aristotle
@drupaldevdays #drupaldevdays

Enjoy and remember.
This has been done making
the best decisions
with the information
available at the moment.
@IsraKaos
@drupaldevdays #drupaldevdays
https://github.com/natete/DrupalDevDays-Ionic2-Workshop
Hands On!

The document outlines Alejandro Gomez's presentation on QA for Drupal projects at DrupalDevDays 2017. It discusses different approaches to QA, emphasizing that QA and development teams should work as a single unit throughout the entire process. It also provides instructions for assembling a QA program, covering unit testing, functional testing, and other test types. Finally, it discusses how QA can integrate with Git and continuous integration workflows using pull requests and code reviews.

Efficient, Error-Free Drupal Development with JS Build ToolsAcquia

Headless Drupal is coming amidst a torrent of heavily Javascript dependent front ends. Whether your display layer is an angular app or a JS-infused Drupal theme, it's time to get serious about managing the various dependencies and processes involved with the complexity of your theme layer. Join the team from Elevated Third to review several topics like: - Using Gulp as a task runner - Bower to manage dependencies. We will touch on a number of items that will help you to be sure that you’re getting the most out of your site's front end without leaving the rest of your team in the dust.

CSS-in-JS in React: Why, current state, and bright future.Andrii Los

This document discusses CSS-in-JS and its advantages over traditional CSS. CSS-in-JS addresses many of CSS's limitations like being globally scoped, hard to reuse, and non-modular. It presents libraries like styled-components, emotion and glamorous that allow defining CSS rules using template literals or React inline styles. CSS-in-JS enables features like media queries, keyframes, pseudo-classes and nested selectors. It also offers benefits like isolation, theming support, and interoperability with existing CSS and third party components. While performance was initially a concern, libraries like emotion are now only slightly slower than regular CSS. The document recommends styled-components due to its large community, documentation

CV UpdatedJuanDavidRamirezMend

This document contains Juan David Ramirez Mendoza's resume. It lists his personal details, skills, languages, education, experience, courses/certificates, and events. His skills include React Native, Android, HTML, JS, CSS, React, Angular, Java, SQL, and NoSQL. He has over 2 years of experience in software development and is currently a Senior Consultant at SmartSoft working on React Native mobile app development projects.

Drupal 8 Sitebuilding with Paragraphs, Display Suite & Config Management - Dr...Chandeep Singh Khosa

I have worked as a freelance Site Builder & Front End developer on a few Drupal 8 projects and have learned a lot. In this session I'd like to share my learnings with you. I will guide you through how I work with Paragraphs and Display Suite, and how I use Configuration Management with them. I will show you cool things like making paragraphs within paragraphs, give examples of when not to use paragraphs and how to make the user experience nice and simple for content editors. I will give examples of how I've imported and exported configuration, and briefly mention how to best use it to collaborate with other developers. I will show you how to save time when theming by using the power of Display Suite, including some lesser known advanced functionality.

Joomla JLayout Roberto Segura

JLayout is Joomla's rendering library that helps make everything overridable and avoid duplicating code. It allows developers, integrators, and designers to render HTML, load JavaScript, and load CSS. JLayout calls can be instanced or use the helper, and layouts are hierarchical and overridable through template and component-specific layout directories. The JLayout system provides benefits like reusability, separation of data and design, and is a great tool for extensions.

TDD with AngularJSLeena N

JLayout for extension developersRoberto Segura

JLayout is Joomla's rendering system that allows for reusable and overridable layouts. It separates data and presentation, making layouts debuggable and extensible. JLayout is used throughout Joomla core to remove dependencies, customize markup, and follow best practices. Developers can use JLayout to render modules, plugins, component views, fields, and more, improving reusability and customization.

Introduction of CMS Technology to the People of Tanay, Rizal PhilippinesEleison Cruz

Agile Development: Key to smart software developmentJerlyn Manohar

The document discusses key aspects of adopting an agile development workflow including having daily stand up meetings to discuss progress, taking an iterative development approach with working software delivered each sprint, and conducting retrospectives at the end of each sprint to improve. Adopting agile practices helps ensure working software is delivered frequently for stakeholder feedback, allows skills and the product to evolve together, and prevents waste through continuous testing.

Supporting SDKs in Seven Different Programming Languages While Maintaining Sa...SendGrid

The document discusses the challenges of supporting SDKs in seven programming languages while maintaining sanity. It describes the core client SDKs that handle billions of emails per month with languages like Python, PHP, C#, Ruby, Node.js, Java, and Go. It also addresses prioritizing and managing the large number of automated and manual tasks required like documentation, testing, contributions and community support across multiple platforms.

Reactive extensions (rx js) in dnnjsheely83

Scrum introductionBa Thanh Huynh

Contribute to drupalAG Prime

This document provides tips on how to contribute to the Drupal community. It recommends contributing code to Drupal core, writing modules, documentation, translations, and helping others. Specific contributions include joining DrupalLadder to work on core, participating in sprint days, submitting patches, taking over abandoned projects, and finding projects that need updates or additional documentation. The document also provides guidelines for creating patches, project types, and getting started with translations and providing help on IRC channels.

(some) Drupal Theming by Ryan PriceRyan Price

Drupal 8 configuration Management workflow - Drupal North 2016Jorge Diaz

Contributing to Open SourceChandan Kumar

This document provides guidance for contributing to open source projects. It defines open source and discusses why one should contribute. While not necessary, programming experience can help contributions. The document recommends finding easy issues labeled as beginner-friendly using keywords like "Easyfix" or "Low-hanging-fruits". It suggests resources for finding projects to contribute to, including whatcanidoforfedora.org and checking individual project pages. Specific tips are provided for communicating effectively and using tools like Git and text editors when getting involved in open source.

End-to-End SPA Development using TypeScriptGil Fink

This document discusses building single page applications using TypeScript: - TypeScript is an open source language that compiles to JavaScript, adding support for static typing, classes, interfaces, and modules to improve code quality and maintainability. - Key features of TypeScript include code encapsulation, support for standard JavaScript as well as types, classes, interfaces, and modules. - The document demonstrates building a simple greeting card application with TypeScript, covering basic TypeScript syntax like type annotations, classes, interfaces, and modules. - Resources are provided for learning more about TypeScript and seeing it in use.

Hong kong drupal user group dec13th responsive web design for dummyAnn Lam

This document summarizes a presentation given by Water ZHANG on responsive web design for Drupal. The presentation covered why mobile-first design is important for Drupal sites given rising mobile usage. It discussed best practices for the design process, common pitfalls to avoid, and setting clear timelines for projects. The goal is to create sites that work well on any screen size now and in the future.

Crowdlinker Engineering (year in review 2019)Ali Abbas

Anti anti patternsNick Vanderhoven

Over the last few decades we've been bombed with anti-pattern warnings carrying ear-appealing neologisms, such as Primitive Obsession, Object Orgy and Feature Envy. This phenomenon is making us live in a constant fear of life-threatening situations. In the act of self-preservation we don't only avoid anti-patterns, but we make sure we drive away from them as far as we possibly could. However, this is 2016 and a lot has changed. Maybe we drove away a bit too far. Let's start an anti movement: anti anti-patterns. In this talk we motivate our theory that some code smells can now safely be reinterpreted and become the astonishing scent of a fabulous ripe cheese.

Code louisville orientation may cohort 5 5-15CodeLouisville

This document provides an overview of the May 2015 orientation for Code Louisville. It discusses the goal of gaining junior developer skills through front end and back end development tracks. Students will work on individual projects to reinforce learning and are encouraged to contribute to open source projects. Meetups will include scrum standups and working on projects with mentor help. Next steps include reviewing tasks, starting a project idea, learning Git/GitHub, and connecting on Slack. The orientation also covers career readiness through mock interviews, developing an advising plan, and job search assistance based on portfolio quality. Tips are given to connect with developer communities and contribute to open source.

Iris fullstack developerJuli Boned

We are seeking a fullstack developer to join our growing team. The successful candidate will contribute to designing and developing three of the company's projects using JavaScript, PHP, SQL, and Oracle, following Scrum methodology. They will analyze and solve any issues that arise. The position offers an international, multicultural work environment, flexible hours, and opportunities for professional growth. Requirements include a computer engineering degree and experience with JavaScript frameworks, jQuery, HTML5, CSS3, PHP, object-oriented development, and databases.

Building an automated css testing workflowKhyati Sehgal

In these slides, I will be going to share our thoughts on CSS Testing starting from what CSS is, How to mingle with CSS testing, What are the tools and techniques through which we can apply concepts of cSS testing in our workflow. We will be showing some demos over CSS testing tools and techniques that will help you all to get better clarity of things going around. We will also share our own experience on how we started working on CSS testing, and how we incorporated the idea of CSS testing in our testing workflow.

Headless Drupal with AngularJSvaluebound

Valuebound's Drupal consultant V Girish has shared an overview of Headless Drupal with AngularJS. He has also given a demo on how to create content type programmatically. ---------------------------------------------------------- Get Socialistic Our website: http://valuebound.com/ LinkedIn: http://bit.ly/2eKgdux Facebook: https://www.facebook.com/valuebound/ Twitter: http://bit.ly/2gFPTi8

Saigon Wordpress Meetup - Building Sites With WordPress Opening Remarks - Dat...Triết Sài Gòn

This document outlines the schedule and speakers for the May 24, 2014 WordPress Saigon Meetup. The meetup included both a Users' track and Developers' track, with presentations on building efficient WordPress sites using existing themes and plugins in the Users' track, and a workshop on creating themes from scratch in the Developers' track. Sponsorship was provided by WordPress Multilingual plugin, Develop WordPress Sites Without PHP, and Professional Translators. All presentations from the meetup were to be made available online and feedback was solicited to help plan future meetups.

Efficiently theming a multi-site Drupal 8 portal - Drupal Dev Days Seville 2017La Drupalera

Building Universal Applications with Angular 2Minko Gechev

Angular is one of the most popular frameworks for the development of Single-Page Applications (SPA). Recently Google announced its second major version, which brings some brand new ideas and improvements. For instance, Angular 2 is written in TypeScript, has much faster change detection and allows development of universal (isomorphic) applications. In this talk we're going to introduce the motivation behind the new design decisions and the improvements in Angular 2. We'll take a look at the building blocks the framework provides for the development of professional single-page applications.

More Related Content

What's hot (20)

TDD with AngularJSLeena N

JLayout for extension developersRoberto Segura

Introduction of CMS Technology to the People of Tanay, Rizal PhilippinesEleison Cruz

Agile Development: Key to smart software developmentJerlyn Manohar

Supporting SDKs in Seven Different Programming Languages While Maintaining Sa...SendGrid

Reactive extensions (rx js) in dnnjsheely83

Scrum introductionBa Thanh Huynh

Contribute to drupalAG Prime

(some) Drupal Theming by Ryan PriceRyan Price

Drupal 8 configuration Management workflow - Drupal North 2016Jorge Diaz

Contributing to Open SourceChandan Kumar

End-to-End SPA Development using TypeScriptGil Fink

Hong kong drupal user group dec13th responsive web design for dummyAnn Lam

Crowdlinker Engineering (year in review 2019)Ali Abbas

Anti anti patternsNick Vanderhoven

Code louisville orientation may cohort 5 5-15CodeLouisville

Iris fullstack developerJuli Boned

Building an automated css testing workflowKhyati Sehgal

Headless Drupal with AngularJSvaluebound

Saigon Wordpress Meetup - Building Sites With WordPress Opening Remarks - Dat...Triết Sài Gòn

TDD with AngularJSLeena N

JLayout for extension developersRoberto Segura

Introduction of CMS Technology to the People of Tanay, Rizal PhilippinesEleison Cruz

Agile Development: Key to smart software developmentJerlyn Manohar

Supporting SDKs in Seven Different Programming Languages While Maintaining Sa...SendGrid

Reactive extensions (rx js) in dnnjsheely83

Scrum introductionBa Thanh Huynh

Contribute to drupalAG Prime

(some) Drupal Theming by Ryan PriceRyan Price

Drupal 8 configuration Management workflow - Drupal North 2016Jorge Diaz

Contributing to Open SourceChandan Kumar

End-to-End SPA Development using TypeScriptGil Fink

Hong kong drupal user group dec13th responsive web design for dummyAnn Lam

Crowdlinker Engineering (year in review 2019)Ali Abbas

Anti anti patternsNick Vanderhoven

Code louisville orientation may cohort 5 5-15CodeLouisville

Iris fullstack developerJuli Boned

Building an automated css testing workflowKhyati Sehgal

Headless Drupal with AngularJSvaluebound

Saigon Wordpress Meetup - Building Sites With WordPress Opening Remarks - Dat...Triết Sài Gòn

Viewers also liked (20)

Efficiently theming a multi-site Drupal 8 portal - Drupal Dev Days Seville 2017La Drupalera

Building Universal Applications with Angular 2Minko Gechev

Introducing the UI Patterns module: use atomic UI components everywhere in Dr...Nuvole

In this session we will show how the UI Patterns module allows you to define and expose self-contained UI patterns as Drupal 8 plugins and to use them as drop-in templates for panels, field groups, views, Display Suite view modes, field templates, etc. Over the past years projects like PatternLab or the Component Libraries module aimed at lowering the cost of maintaining and re-using UI patterns in your projects. But, as we all know, when it comes to presenting content the Drupal 8 landscape is quite diverse: you can layout your pages using Panels or Views, style your entities using Display Suite view modes, group your fields with Field group, etc. Such a diversification can surely present some challenges when it comes at reusing a well-designed and consistent UI library. The UI patterns module makes it possible to seamlessly use UI patterns with views, layouts, field formatters, etc. The session will also feature a brief live-demo of the following functionalities: - Define patterns using YAML - Visualize patterns on a pattern library page - Organize patterns into self-contained bundles of JavaScript, - - CSS and TWIG template - Integrate patterns with tools like PatternLab - Use patterns as paragraphs or nodes layouts - Use patterns as field group templates - Use patterns as views row templates - Use patterns as field templates - Advanced topic: a closer look to UI Patterns internals

Drupal 8.3.0: the features are ready, are you?Gábor Hojtsy

This document discusses the release of Drupal 8.3.0 and provides information about its new features and timeline. Key points include: - Drupal 8.3.0 was released with new features like REST API improvements, developer API changes, and coding standard updates. - The release timeline for Drupal versions has decreased over time, with Drupal 8 aiming for a new major release every 6 months. - Site owners are advised to prepare for the 8.3.0 update, while module authors should check for string changes and experimental improvements can be tested to help with stabilization. - The presentation looks ahead to the goals for Drupal 8.4/8.5 and thanks attendees.

Mobile apps with Ionic 2Khoa Nguyễn

Angular 2 - Better or worseVladimir Georgiev

Angular 2 Campus Madrid Septiembre 2016Micael Gallego

Angular 2 Essential Training Patrick Schroeder

Learn all the essentials of building Angular 2 applications right here. https://www.udemy.com/angular-2-training/?couponCode=UANGULAR2 This is a beginner level course aimed at those new to Angular 2 and Typescript. No previous knowledge of either is required before starting this course. This course combines slides, projects and quizzes in a clear, concise and engaging way to guide you through the core concepts of Angular 2 and Typescript. You will gain a solid foundation for building real-world applications following best practices and the Angular 2 style guide. This includes how to build components, create shared services, navigate between views, manage data, and managing user and system events.

Introduction to angular 2Dor Moshe

XML Sitemap Drupal ModuleLa Drupalera

Advanced Configuration Management with Config Split et al.Nuvole

So you know how to use configuration management in Drupal 8. It works great for its intended use case but you have more advanced needs and Drupal core and drush don’t really help you? You read or write blog posts pointing out shortcomings of Drupals configuration management? Configuration Split and its friends will jump in and help with almost all your Configuration Management struggles. Some configuration needs to exist only in some environments, like development modules? Your client edits some configuration on the production site? You have two sites that are almost the same but not exactly? You checked out configuration split but didn’t get what it does? At this session all your questions will be answered and you will love the configuration management in Drupal 8 even more. Next to Configuration Split and its road map we will also see some other solutions for other potential stumbling blocks, such as deploying configuration which depends on content or installing a site from existing configuration. Modules covered: Configuration Split (and Config Filter) Configuration installer Configuration Read-only mode More modules briefly

Magallanes - PHPmvd Meet Up - Mayo 2014Andrés Montañez

Gdg ionic 2Shang Yi Lim

This document provides instructions for building a to-do list app with Ionic 2. It begins by explaining how to install Ionic and other necessary tools. It then outlines the basic template and components needed for a to-do list, including an empty state, add button, create form, and native storage. The document concludes by explaining how to display todo items, add options, emulate on devices, and includes additional resources.

Evan Schultz - Angular Summit - 2016Evan Schultz

This document discusses using Redux to manage state in Angular 2 applications. It begins by describing the challenges of managing state in complex single-page applications. It then introduces Redux and key concepts like actions, reducers, and immutable data. It provides an example of setting up a Redux store with root reducer and reducer composition in an Angular 2 app. It also covers container and presentation components, accessing state with selectors, and using action services to dispatch actions. Overall, the document serves as a tutorial for integrating Redux with Angular 2 for unidirectional data flow and predictable state management.

Internet in your pocketAlberta Soranzo

Information architecture and content strategy are the foundation of any website but, when it comes to mobile, they can literally mean the life or death of a product. The truth is that even the best-designed and well-engineered mobile products can still fail if their IA is not sound, and that’s because mobile information architecture doesn’t only define the structure of content, but also determines how users will interact with it. And speaking of content, do you know what content should go on your mobile sites and apps? Are your users finding what they came for?In this talk we will take a look at the thought process that drives mobile content strategy, the specific challenges and opportunities of the mobile space and how information architecture and content strategy contribute to the creation of outstanding cross-channel experiences. Webinar — May 28th, 2014 http://www.architecta.it/imparare/internet-in-tasca/

Hello Drupalhellodrupal

Information is Powerzekivazquez

RecouplingJeff Eaton

This document discusses decoupling design from content by capturing design messages and patterns in a structured content model. It provides examples of how media organizations like MSNBC, The Guardian, and Angie's List model emphasis, narrative sequence, complexity, and other design priorities in their content. The document advocates identifying visual variations, determining what each communicates, and mapping those meanings to the existing content model or new properties/entities if needed. Various design patterns like templating, embedding, stacked components, and combined collections are presented as a "field guide." The overall message is that design communicates important messages that should be captured and respected through modeling in a structured content system.

Firebase PPTJATIN GUPTA

The document discusses Firebase, a realtime application development platform. It provides free and unlimited analytics, including reporting on 500 event types with 25 attributes each. Firebase offers features like a realtime database, authentication, cloud messaging, storage, and hosting to help developers create high quality apps. Additional features like notifications, remote config, and dynamic links can help grow a user base. Monetization options through AdMob are also mentioned.

Drupal DeploymentJeff Eaton

Efficiently theming a multi-site Drupal 8 portal - Drupal Dev Days Seville 2017La Drupalera

Building Universal Applications with Angular 2Minko Gechev

Introducing the UI Patterns module: use atomic UI components everywhere in Dr...Nuvole

Drupal 8.3.0: the features are ready, are you?Gábor Hojtsy

Mobile apps with Ionic 2Khoa Nguyễn

Angular 2 - Better or worseVladimir Georgiev

Angular 2 Campus Madrid Septiembre 2016Micael Gallego

Angular 2 Essential Training Patrick Schroeder

Introduction to angular 2Dor Moshe

XML Sitemap Drupal ModuleLa Drupalera

Advanced Configuration Management with Config Split et al.Nuvole

Magallanes - PHPmvd Meet Up - Mayo 2014Andrés Montañez

Gdg ionic 2Shang Yi Lim

Evan Schultz - Angular Summit - 2016Evan Schultz

Internet in your pocketAlberta Soranzo

Hello Drupalhellodrupal

Information is Powerzekivazquez

RecouplingJeff Eaton

Firebase PPTJATIN GUPTA

Drupal DeploymentJeff Eaton

Similar to Beyond the web: Mobile apps using Drupal & Ionic 2 - Drupal Dev Days Seville 2017 (20)

Developer Experience Matters (Short version)Tomomi Imura

IonicNexThoughts Technologies

Large Scale SPAReza Moaiandin

This document discusses large single page applications (SPAs) and provides recommendations for developing them. It defines SPAs as web apps that handle interactions on a single page with minimal server interaction. It recommends using libraries like Backbone or AngularJS to develop structured, modular and maintainable SPAs. It also provides dos and don'ts, emphasizing planning, testing, avoiding memory leaks, and not reinventing the wheel.

AngularJS to ReactGeorge Stefanis

The document summarizes the process of migrating an existing AngularJS application to React. It describes refactoring the AngularJS code, extracting reusable modules, rewriting components starting from the top-level component, using tests to maintain functionality, and deploying the initial React version while continuing iterative improvements. Key steps included upgrading AngularJS, removing two-way bindings, splitting into sub-apps, creating a demo page, and addressing challenges of mixing AngularJS and React code during the transition.

Steer Your Career on Your Terms with the Right Side ProjectVui Nguyen

This talk was delivered at the Women Who Code Connect Recharge 2022 conference. There's a lot of pressure for software engineers to code all the time, and if you're not working on a side project RIGHT NOW, you're not "passionate" enough about your career! Or so you've been told. Let's change the narrative on side projects! In reality, working on a side project can give you more control over your career, help you find meaningful work that fulfills you, and you can choose the topic, scope, when, or whether to work on a side project at all. Instead of seeing side projects as a requirement to have a career, I'll show you how to make one work for you: as an opportunity for self-care, self-empowerment, and to steer your career in the right direction for you!

Mohamed osama resumeMohamed Osama

This document contains the professional profile of Mohamed Osama Abdellah, a junior frontend developer from Giza, Egypt. It includes his contact information, education history, qualifications, experience with projects, and links to his online profiles. He received a B.Sc in engineering communication in 2017 and completed a Udacity nanodegree in frontend web development in 2018. His qualifications include proficiency in HTML5, CSS3, JavaScript, jQuery, responsive design, and frameworks like Bootstrap and Angular. He has worked on several personal projects including a pixel art maker and Bootstrap website.

Mobile Web Compatibility @ Code Camp ClujIoana Chiorean

The 4W's of AngularLena Lekkou

Lena gave an overview of Angular and discussed when it is a good fit for different types of projects and developers. She explained that Angular is well-suited for complex web applications because it promotes maintainability and code consistency with large teams. Lena also provided tips for getting started with Angular, including learning HTML, CSS, JavaScript fundamentals first before diving into Angular and TypeScript.

Code Institute October Open EveningEoghan O'Neill

Fountain project modelRikupekka Oksanen

The Fountain Project Model is proposed as a hybrid between Waterfall and Agile methods that aims to bridge their benefits and limitations. It involves an initial deployment on day two to provide early value to customers. Further development is done in iterations where customers specify the next most important features. This allows customers to receive working software early while developers receive feedback to guide development. The model is disguised when presented to managers as staged checkpoints with milestones to appear similar to Waterfall and ensure continued funding, while leveraging Agile practices internally. The goal is to enable project success by satisfying all stakeholders.

Build, deploy and scale: Django, GraphQL and SPA (DjangoCon EU 2021)Dhilipsiva DS

After building, deploying and scaling a dozen on products with the Django + GraphQL + SPA (React) setup, we have come to understand what works and what does not. In this talk, I will share our findings on how to do the same. I will be using a simplified StackOverflow clone for demonstration. First, I will introduce Python-Graphene (and few other related libraries), the library that is used to build GraphQL endpoints. Then the talk will focus on how to structure your Django GraphQL project. Share the toolchain (a few management command scripts) that are handy to export your constants & GraphQL schemas to be used with your SPA. Integrating with an SPA (React for demo purpose) Auth, API calls. Then I will talk about how you go about deploying your API using 2 different strategies: 1. Docker compose / swarm (Vendor independent, non-production workloads) 2. AWS Fargate (Vendor dependant, production workloads, serverless containers) And a cost-effective and highly scale-able deployment strategy for your SPA (using AWS S3, CloudFront and ACM).

Front-end for Java developers Devoxx France 2018Deepu K Sasidharan

This document summarizes a presentation given by Deepu K Sasidharan of XebiaLabs at DevoxxFR 2018 about frontend options for Java developers. It discusses why many Java developers dislike frontend work, myths about the frontend landscape, and how to make Java developers enjoy JavaScript. It also provides a brief history of Angular, React, and Vue.js, highlights of the speaker's favorite and least favorite features of each, and recommendations for choosing a framework. The document concludes by discussing options for starting new projects with Angular and React using tools like the Angular CLI and Create React App, and introduces JHipster for generating full stack applications.

Groovy androidMario García

- Groovy can be used to create Android apps and provides features like domain classes, closures, and traits that make development more concise and readable compared to Java. - A Groovy Android app can be created using the Lazybones template tool or the Android Studio wizard by adding Groovy dependencies. The app is then built with Gradle. - Groovy provides features out of the box like safe null checking, functional programming with closures, and domain-specific languages that simplify common tasks in Android. Additional libraries allow reactive and testing functionality.

Designing functional and fluent API: application to some GoF patternsJosé Paumard

uMobile, I’m Mobile, We’re All Mobile!!Aaron Grant

Front end module round upGreen For All

Nacho's Guide to Drupal+AngularJoe Tippetts

This document provides an overview of Angular and how it can be used with Drupal. It discusses how Angular can improve user interactivity and experience by allowing views to automatically update based on a single data model, rather than requiring separate event handlers. Examples are given of how Angular simplifies updating multiple page elements in response to user input. The document also provides instructions on installing Angular in Drupal and initializing it, with sample code available in the Angular module.

Getting Started with Angular 2FITC

FITC events. For digital creators. Save 10% off ANY FITC event with discount code 'slideshare' See our upcoming events at www.fitc.ca Getting Started with Angular 2 with Rob McDiarmid OVERVIEW Angular 2 is a powerful framework that lets you create fast and scalable web apps with clean and readable code. With the lessons learned from previous web frameworks and the advantages of modern web technologies, the Angular team has created a framework that will push the limits of what SPAs are capable of. In this session we’ll go through building an Angular 2.0 app from the ground up. In the process, you will learn how it handles core concepts like components, templates, services, and routing. You’ll also see how angular takes advantage of ES6 modules, Web Components, and TypeScript. By the end of the session, you’ll have a good understanding of why you might want to use Angular 2 for your next project and how to get started. OBJECTIVE Demonstrate what Angular 2 has to offer and reduce the barrier to entry. TARGET AUDIENCE Web Developers interested in learning Angular 2. ASSUMED AUDIENCE KNOWLEDGE Intermediate experience with JavaScript. FIVE THINGS AUDIENCE MEMBERS WILL LEARN 1. Core concepts of the Angular 2 framework 2. How to use ES6 modules 3. The benefits of TypeScript annotations 4. How to setup an Angular 2 project from scratch 5. The ecosystem of tools that Angular 2 apps will be built on

Marriage vs live inRitu Kamthan

Making Effective PrototypesMatthew Ho

If you're new to prototyping or wireframing then this presentation is for you. Attendees will gain an understanding of prototyping and some of the different tools available. We will cover 3 main topics: 1. Why do we make prototypes? 2. The prototyping process 3. Tools available for making prototypes Students will gain an understading of how the different tools available can be combined to produce meaningful results to aid with iterative development. Starting at the lo-fi end with pen and paper (it's important!), the class will move on to lean, web based tools (popapp.in, moqups.com and appgyver.com). The fundamentals covered in this presentation also prove useful for dealing with developers and agile teams.

Developer Experience Matters (Short version)Tomomi Imura

IonicNexThoughts Technologies

Large Scale SPAReza Moaiandin

AngularJS to ReactGeorge Stefanis

Steer Your Career on Your Terms with the Right Side ProjectVui Nguyen

Mohamed osama resumeMohamed Osama

Mobile Web Compatibility @ Code Camp ClujIoana Chiorean

The 4W's of AngularLena Lekkou

Code Institute October Open EveningEoghan O'Neill

Fountain project modelRikupekka Oksanen

Build, deploy and scale: Django, GraphQL and SPA (DjangoCon EU 2021)Dhilipsiva DS

Front-end for Java developers Devoxx France 2018Deepu K Sasidharan

Groovy androidMario García

Designing functional and fluent API: application to some GoF patternsJosé Paumard

uMobile, I’m Mobile, We’re All Mobile!!Aaron Grant

Front end module round upGreen For All

Nacho's Guide to Drupal+AngularJoe Tippetts

Getting Started with Angular 2FITC

Marriage vs live inRitu Kamthan

Making Effective PrototypesMatthew Ho

More from La Drupalera (14)

QA en SEO: Amigos con derecho a roce - Drupalcamp 2019La Drupalera

Si nadie encuentra en Google un proyecto web en el que se ha trabajado durante meses, ¿de qué sirve todo ese esfuerzo? Carlos Bonilla (QA) y Bea González (SEO) te cuentan cómo hacer QA al SEO. QA y SEO son los grandes olvidados en los proyectos tecnológicos pero juntos, contribuyen a que sean un éxito. A través de una charla interactiva con ejemplos prácticos, Carlos y Bea te darán una buena contextualización sobre cómo hacerle QA al SEO. ¿Te lo vas a perder?

Consejos y trucos para cualificar una oportunidad DrupalLa Drupalera

David Munárriz, co-Fundador de Emergya y de La Drupalera y Director de Emergya Digital, repasa algunos tips que utliizamos en Emergya/Drupalera para saber si debemos o no entrar en determinados proyectos y cuales son nuestros trucos y filtros más importantes para alinearnos con el cliente a la hora de cualificar una oportunidad Drupal o para detectar si vamos o no llegar a buen puerto. Creo que puede ser interesante para personal de negocio, jefes de proyecto, preventa y cualquier desarrollador.

Designer vs Front-end - DrupalCampES 2018 AlicanteLa Drupalera

Este documento discute las desafíos comunes que enfrentan los diseñadores y desarrolladores front-end al trabajar juntos en proyectos, como falta de comunicación, expectativas irreales de tiempo, y funcionalidades demasiado complejas para el tiempo asignado. Reconoce la importancia de reuniones regulares del equipo, escuchar las necesidades del otro, y adoptar procesos y herramientas que optimicen el flujo de trabajo. Concluye que los equipos que se comunican de forma continua producen mejores resultados, y a veces menos puede ser más

¡Ojo al dato!: Cómo evitar microinfartos a la gente de marketing - DrupalCamp...La Drupalera

PSD to HTML (Drupal) - Drupal Day Spain 2017 CáceresLa Drupalera

Tips para posicionarte como desarrollador Drupal - Drupal Day Spain 2017 CáceresLa Drupalera

Tu drupal está listo… ¿lo sabe Google? - DrupalCamp 2017La Drupalera

Este documento ofrece consejos sobre optimización para motores de búsqueda (SEO) durante el desarrollo de un sitio web con Drupal. Explica la importancia de implementar el archivo robots.txt, códigos únicos de Google Analytics para cada entorno, y optimizar elementos como el título, la descripción y los encabezados H1-Hn en cada página. También recomienda verificar las URLs, etiquetas, mapa del sitio y accesibilidad antes de pasar el sitio a producción.

QA on drupal projectsLa Drupalera

¡This is drupal! - Global Training DaysLa Drupalera

¿Cómo aplicar una estrategia de Marketing efectiva basada en Drupal?La Drupalera

Este documento presenta a Emergya, una consultora de TI española especializada en el desarrollo de sistemas de información basados en software libre como Drupal. Emergya ha pasado por altibajos desde su fundación en 2004 pero se ha reinventado exitosamente, lanzando La Drupalera en 2014 para promover Drupal a través de canales digitales. El éxito de La Drupalera se debe a su implicación con la comunidad Drupal, su estrategia digital y su equipo comprometido.

Drupal vs WordpressLa Drupalera

Marketing, Comunidad, Empleo y Negocio Internacional basado en DrupalLa Drupalera

Caso de éxito Drupal - Procomún - DrupalCamp Spain 2016La Drupalera

El documento describe un gran proyecto Drupal para crear una red social educativa abierta que conecta a educadores, ofrece recursos de aprendizaje y datos abiertos. El proyecto utiliza Drupal 7, APIs REST, ontologías OWL y harvesters para extraer datos de fuentes como DBpedia, creando un buscador semántico y recomendaciones de contenido. El proyecto se ejecuta en Amazon Web Services con 12 máquinas y usa contribuciones de Drupal como Search API y Organic Groups, así como módulos personalizados para la gestión de

Desplegando código con Phing, PHPunit, Coder y JenkinsLa Drupalera

Este manual va dirigido a personas con conocimientos de despliegue entre entornos, así como con nociones básicas de programación (orientado a PHP), especialmente del CMS Drupal (en su versión 7 u 8), que quieran automatizar ciertas tareas rutinarias y dar un paso más allá en el despliegue de entornos ejecutando diversas pruebas de calidad a nuestro código antes de iniciar el proceso de deployment final. Con este procedimiento no solo automatizamos y aseguramos nuestros despliegues, sino que garantizamos la integridad y calidad del código desde el primer momento de vida de nuestro desarrollo de software. 1º Parte: http://www.ladrupalera.com/drupal/desarrollo/drupal8/desplegando-codigo-con-jenkins-phing-coder-y-phpunit-parte-i

QA en SEO: Amigos con derecho a roce - Drupalcamp 2019La Drupalera

Consejos y trucos para cualificar una oportunidad DrupalLa Drupalera

Designer vs Front-end - DrupalCampES 2018 AlicanteLa Drupalera

¡Ojo al dato!: Cómo evitar microinfartos a la gente de marketing - DrupalCamp...La Drupalera

PSD to HTML (Drupal) - Drupal Day Spain 2017 CáceresLa Drupalera

Tips para posicionarte como desarrollador Drupal - Drupal Day Spain 2017 CáceresLa Drupalera

Tu drupal está listo… ¿lo sabe Google? - DrupalCamp 2017La Drupalera

QA on drupal projectsLa Drupalera

¡This is drupal! - Global Training DaysLa Drupalera

¿Cómo aplicar una estrategia de Marketing efectiva basada en Drupal?La Drupalera

Drupal vs WordpressLa Drupalera

Marketing, Comunidad, Empleo y Negocio Internacional basado en DrupalLa Drupalera

Caso de éxito Drupal - Procomún - DrupalCamp Spain 2016La Drupalera

Desplegando código con Phing, PHPunit, Coder y JenkinsLa Drupalera

Recently uploaded (20)

Drupalcamp Finland – Measuring Front-end Energy ConsumptionExove

Role of Data Annotation Services in AI-Powered ManufacturingAndrew Leo

Enhancing ICU Intelligence: How Our Functional Testing Enabled a Healthcare I...Impelsys Inc.

Splunk Security Update | Public Sector Summit Germany 2025Splunk

TrsLabs - Fintech Product & Business ConsultingTrs Labs

Hybrid Growth Mandate Model with TrsLabs Strategic Investments, Inorganic Growth, Business Model Pivoting are critical activities that business don't do/change everyday. In cases like this, it may benefit your business to choose a temporary external consultant. An unbiased plan driven by clearcut deliverables, market dynamics and without the influence of your internal office equations empower business leaders to make right choices. Getting things done within a budget within a timeframe is key to Growing Business - No matter whether you are a start-up or a big company Talk to us & Unlock the competitive advantage

Andrew Marnell: Transforming Business Strategy Through Data-Driven InsightsAndrew Marnell

Complete Guide to Advanced Logistics Management Software in Riyadh.pdfSoftware Company

Explore the benefits and features of advanced logistics management software for businesses in Riyadh. This guide delves into the latest technologies, from real-time tracking and route optimization to warehouse management and inventory control, helping businesses streamline their logistics operations and reduce costs. Learn how implementing the right software solution can enhance efficiency, improve customer satisfaction, and provide a competitive edge in the growing logistics sector of Riyadh.

Greenhouse_Monitoring_Presentation.pptx.hpbmnnxrvb

Noah Loul Shares 5 Steps to Implement AI Agents for Maximum Business Efficien...Noah Loul

Artificial intelligence is changing how businesses operate. Companies are using AI agents to automate tasks, reduce time spent on repetitive work, and focus more on high-value activities. Noah Loul, an AI strategist and entrepreneur, has helped dozens of companies streamline their operations using smart automation. He believes AI agents aren't just tools—they're workers that take on repeatable tasks so your human team can focus on what matters. If you want to reduce time waste and increase output, AI agents are the next move.

tecnologias de las primeras civilizaciones.pdffjgm517

DevOpsDays Atlanta 2025 - Building 10x Development Organizations.pptxJustin Reock

Building 10x Organizations with Modern Productivity Metrics 10x developers may be a myth, but 10x organizations are very real, as proven by the influential study performed in the 1980s, ‘The Coding War Games.’ Right now, here in early 2025, we seem to be experiencing YAPP (Yet Another Productivity Philosophy), and that philosophy is converging on developer experience. It seems that with every new method we invent for the delivery of products, whether physical or virtual, we reinvent productivity philosophies to go alongside them. But which of these approaches actually work? DORA? SPACE? DevEx? What should we invest in and create urgency behind today, so that we don’t find ourselves having the same discussion again in a decade?

Build Your Own Copilot & Agents For DevsBrian McKeiver

AI and Data Privacy in 2025: Global TrendsInData Labs

In this infographic, we explore how businesses can implement effective governance frameworks to address AI data privacy. Understanding it is crucial for developing effective strategies that ensure compliance, safeguard customer trust, and leverage AI responsibly. Equip yourself with insights that can drive informed decision-making and position your organization for success in the future of data privacy. This infographic contains: -AI and data privacy: Key findings -Statistics on AI data privacy in the today’s world -Tips on how to overcome data privacy challenges -Benefits of AI data security investments. Keep up-to-date on how AI is reshaping privacy standards and what this entails for both individuals and organizations.

IEDM 2024 Tutorial2_Advances in CMOS Technologies and Future Directions for C...organizerofv

Procurement Insights Cost To Value Guide.pptxJon Hansen

Cybersecurity Identity and Access Solutions using Azure ADVICTOR MAESTRE RAMIREZ

ThousandEyes Partner Innovation Updates for May 2025ThousandEyes

Massive Power Outage Hits Spain, Portugal, and France: Causes, Impact, and On...Aqusag Technologies

Linux Support for SMARC: How Toradex Empowers Embedded DevelopersToradex

Toradex brings robust Linux support to SMARC (Smart Mobility Architecture), ensuring high performance and long-term reliability for embedded applications. Here’s how: • Optimized Torizon OS & Yocto Support – Toradex provides Torizon OS, a Debian-based easy-to-use platform, and Yocto BSPs for customized Linux images on SMARC modules. • Seamless Integration with i.MX 8M Plus and i.MX 95 – Toradex SMARC solutions leverage NXP’s i.MX 8 M Plus and i.MX 95 SoCs, delivering power efficiency and AI-ready performance. • Secure and Reliable – With Secure Boot, over-the-air (OTA) updates, and LTS kernel support, Toradex ensures industrial-grade security and longevity. • Containerized Workflows for AI & IoT – Support for Docker, ROS, and real-time Linux enables scalable AI, ML, and IoT applications. • Strong Ecosystem & Developer Support – Toradex offers comprehensive documentation, developer tools, and dedicated support, accelerating time-to-market. With Toradex’s Linux support for SMARC, developers get a scalable, secure, and high-performance solution for industrial, medical, and AI-driven applications. Do you have a specific project or application in mind where you're considering SMARC? We can help with Free Compatibility Check and help you with quick time-to-market For more information: https://www.toradex.com/computer-on-modules/smarc-arm-family

Linux Professional Institute LPIC-1 Exam.pdfRHCSA Guru

Drupalcamp Finland – Measuring Front-end Energy ConsumptionExove

Role of Data Annotation Services in AI-Powered ManufacturingAndrew Leo

Enhancing ICU Intelligence: How Our Functional Testing Enabled a Healthcare I...Impelsys Inc.

Splunk Security Update | Public Sector Summit Germany 2025Splunk

TrsLabs - Fintech Product & Business ConsultingTrs Labs

Andrew Marnell: Transforming Business Strategy Through Data-Driven InsightsAndrew Marnell

Complete Guide to Advanced Logistics Management Software in Riyadh.pdfSoftware Company

Greenhouse_Monitoring_Presentation.pptx.hpbmnnxrvb

Noah Loul Shares 5 Steps to Implement AI Agents for Maximum Business Efficien...Noah Loul

tecnologias de las primeras civilizaciones.pdffjgm517

DevOpsDays Atlanta 2025 - Building 10x Development Organizations.pptxJustin Reock

Build Your Own Copilot & Agents For DevsBrian McKeiver

AI and Data Privacy in 2025: Global TrendsInData Labs

IEDM 2024 Tutorial2_Advances in CMOS Technologies and Future Directions for C...organizerofv

Procurement Insights Cost To Value Guide.pptxJon Hansen

Cybersecurity Identity and Access Solutions using Azure ADVICTOR MAESTRE RAMIREZ

ThousandEyes Partner Innovation Updates for May 2025ThousandEyes

Massive Power Outage Hits Spain, Portugal, and France: Causes, Impact, and On...Aqusag Technologies

Linux Support for SMARC: How Toradex Empowers Embedded DevelopersToradex

Linux Professional Institute LPIC-1 Exam.pdfRHCSA Guru

Beyond the web: Mobile apps using Drupal & Ionic 2 - Drupal Dev Days Seville 2017

1. Beyond the web: Mobile apps using Drupal & Ionic 2 Ignacio González Bullón ♦ Alejandro Gómez Morón

2. Who are we? ● Frontend & Backend developer (Angular, Ionic, Java, Node, TypeScript, Gulp) ● 2 years working in Emergya ● Hungry learner @drupaldevdays #drupaldevdays

3. Who are we? ● QA & Tech lover (Selenium, Java, TypeScript, Drupal, Ionic, AngularJS, Gulp…). ● QA leader at @LaDrupalera by @Emergya. ● QA Lecturer at @EPSUPO. ● @SevillaQA organizer. ● I am passionate about challenges and I hate repeating processes! @drupaldevdays #drupaldevdays

4. 1. Check you have Internet connection 2. Look for a partner! 3. Make sure you will learn having fun! @drupaldevdays #drupaldevdays Hands on! https://github.com/natete/DrupalDevDays-Ionic2-Workshop

5. Roadmap ● What’s Ionic and how do it relates with Drupal? ○ Hybrid applications. ○ Drupal RESTful capabilities. ● What are we going to build. ● Hand on! @drupaldevdays #drupaldevdays

6. What is Ionic? ● Free & Open Source Framework ● Create Cross-Platform applications based on web technologies ● Use Cordova Plugins to interact with the device @drupaldevdays #drupaldevdays

7. Drupal RESTful capabilities ● Web services modules ○ REST UI ○ RESTful web services ○ Serialization ○ CORS ● Allows us to expose basic resources ● More complex endpoints using views @drupaldevdays #drupaldevdays

8. What are we going to build ● An application to view DrupalDevDays Schedule ● Extra features: ○ Add events to the device calendar ○ Receive push notifications (using DevicePush) @drupaldevdays #drupaldevdays

9. Structure @drupaldevdays #drupaldevdays

10. What we have to learn to do, We learn by doing - Aristotle @drupaldevdays #drupaldevdays

11. Enjoy and remember. This has been done making the best decisions with the information available at the moment. @IsraKaos @drupaldevdays #drupaldevdays https://github.com/natete/DrupalDevDays-Ionic2-Workshop Hands On!

12. THANKS! @drupaldevdays #drupaldevdays

13. THANKS! @drupaldevdays #drupaldevdays

Beyond the web: Mobile apps using Drupal & Ionic 2 - Drupal Dev Days Seville 2017

Recommended

More Related Content

What's hot (20)

Viewers also liked (20)

Similar to Beyond the web: Mobile apps using Drupal & Ionic 2 - Drupal Dev Days Seville 2017 (20)

More from La Drupalera (14)

Recently uploaded (20)

Beyond the web: Mobile apps using Drupal & Ionic 2 - Drupal Dev Days Seville 2017