Simplicity - develop modern web apps with tiny frameworks and tools

Oct 23, 2012Download as PPTX, PDF1 like4,571 views

You have learned for years how to do big enterprise applications with big enterprise frameworks. Sometimes it was good, but sometimes it was over-engineered, rarely fun. It changed a lot a few years ago with Asp.Net Mvc and with a lot of impulse of the community. But today, the web moves faster and faster, and people want tools that do the job in a simple way and that just works. Today we have these tools in .Net and they grow every day for our pleasure. Get an overview of why you should care about Simplicity and how you can build great web apps in a simpler way with small frameworks and tools "that just work" (with pieces of NancyFx, SimpleData, RavenDb, Nuget, jQuery, Markdown, Bootstrapper, ...) Slides of my #Web.Net conference 2012 in Milano cheers!

Simplicity

Compose modern web apps with
efficient tiny frameworks & tools
Rui Carvalho/@rhwy

Simplicity - develop modern web apps with tiny frameworks and tools

The nature
of the Web
“ how desktop techniques doesn’t
fit interconnected application
needs ”

The web is documents
…
The web is not objects

The Domain
Problem
“ how humans need to talk more”

I misunderstood

“Architecture is about an intent, it’s not
about a technical framework”

SPA*

*Single page application
(ie : gmail)

Curl
Everything you need to test your app is here!

-X [GET|POST…]
-I (include headers)
-d key=value

Nuget
Package management is essential

Enterprise grade => build your own

Quite multi-platform

Nuget
(for Mac lovers)

curl http://nuget.org/nuget.exe -L -k -o nuget.exe

#!/bin/sh
PATH=/usr/local/bin:$PATH
mono --runtime=v4.0 /usr/local/bin/NuGet.exe $*

(nuget powered)

Chocolatey
@powershell -NoProfile -ExecutionPolicy
unrestricted -Command "iex ((new-object
net.webclient).DownloadString('http://bit.ly/psChoc
Install'))" && SET
PATH=%PATH%;%systemdrive%chocolateybin

> Cinst ruby

Editors
Webstorm

Chose a good tool also for the client side!

Online web editors

Jsfiddle.com Jsbin.net Plnkr.co Codepen.io

C9.io

OSS ?
oss projects -most of the time-
fits real user needs

tiny oss projects usually fit
one need, but do it well.

SignalR

(Socket.io like framework for .Net)

“if you don’t love it, it gonna fail!”
“stay foolish, stay hungry”
Jobs

Please rate this session
Scan the code, go online, rate this session

All sketches are by me – with the
help of the fabulous iPad application
Paper by 53 – and can be reused under
The creative commons licence

This document provides 14 lessons and hacks for building native and mobile web applications using JavaScript. It discusses issues like architecting for multiple platforms and environments, structuring the codebase, detecting the platform, improving performance of animations through CSS transitions, handling garbage collection of images and HTML, supporting touch events, adding sound, and leveraging tools like PhoneGap Build. The tips aim to help developers apply their web skills to build applications that run on both desktop and mobile devices using a single codebase.

A modern front end development workflow for Magnolia at AtlassianMagnolia

This talk was given by Nicolas Barbé, Magnolia, and William Paoli, Atlassian, at Magnolia Conference 2015 in Foster City, California. The recommended development process for Magnolia is based on a Java stack and its ecosystem. It provides the best foundations to customize the back-end or create new content applications. However, implementing a new template or modifying an existing theme with standard front-end practices can be a challenging task. In this talk, William and Nicolas describe how Atlassian, the creator of JIRA and Confluence, has built a modern front-end development workflow with Magnolia. How they decouple the back-end and front-end release process to deliver incremental changes to the user.

Cross-Platform Desktop Apps with ElectronDavid Neal

Electron allows developers to build desktop applications with web technologies like HTML, CSS, and JavaScript. It uses Chromium and Node.js to package these apps so they can run on Windows, Mac, and Linux. Some key benefits of Electron include rapid development, shared code/UI across platforms, offline capabilities, and access to native device functionality and APIs. Popular apps built with Electron include Atom, Slack, and Visual Studio Code. The document provides an overview of Electron and tips for developing desktop apps with its tools and frameworks.

React Native A guide for front end developersArnold Camas

React Native is a framework for building native mobile apps using JavaScript and React. It allows developers to build iOS and Android apps using common React components and APIs. React Native uses native components and compiles directly to each platform's machine language, unlike other hybrid approaches. Developers can build React Native apps using familiar JavaScript syntax and tools while leveraging each platform's native capabilities.

Building a Desktop Streaming console with Electron and ReactJSEmanuele Rampichini

This document discusses building desktop applications using Electron and ReactJS. It summarizes how to set up an Electron project using ReactJS for the frontend, and describes some advantages like using Chromium's developer tools, desktop integration features, auto-updating capabilities, and easy packaging for distribution. It also notes some downsides like large app sizes and inability to be on official app stores.

SlickGrid Touch: Making complex JavaScript widgets work on mobile devicesreebalazs

The document discusses making the SlickGrid JavaScript table widget compatible with touch devices. It describes adding touch support by using the Hammer.js library to translate desktop events to touch events, and styling changes using Bootstrap to improve responsiveness. A demo application called "fastbreak" was modified to use these techniques, allowing complex data grids to work on mobile. While progress was made, the touch version of SlickGrid is still a work in progress with bugs remaining to be addressed.

Wulin kungfu finalJimmy Huang

Phonegap Day 2016: Ember/JS & Hybrid Apps TipsAlex Blom

HTML5 Web Workers-unleashedPeter Lubbers

Electron - Build desktop apps using javascriptAustin Ogilvie

This document is a presentation about Electron, an open-source framework that allows developers to build desktop applications using JavaScript, HTML, and CSS. It discusses how Yhat, the company founded by Greg Lamp, uses Electron to build their code editor app Rodeo. The presentation covers how Electron works, common use cases, building a basic "Hello World" app, and packaging/distributing Electron apps. It also provides resources for learning more about developing with Electron.

Web, Native iOS and Native Android with One Ember.js AppFITC

FITC events. For digital creators. Save 10% off ANY FITC event with discount code 'slideshare' See our upcoming events at www.fitc.ca Web, Native iOS and Native Android with One Ember.js App with Alexander Blom OVERVIEW Many companies maintain a separate repo for web and native mobile applications, and sometimes yet another for mobile web. Historically you may hear that ‘wrapped applications’ are slower and choppy. This is no longer the case – if your application is structured correctly. By using Ember.js with Cordova, it is possible to have a single code base powering all four (desktop web, mobile web, native iOS and native Android). Outside of the immediate cost/programming time savings, this technique enables you to build future iterations faster and stop the out of sync issues plaguing many code bases (e.g. the Android app has different features to iOS). OBJECTIVE Learn how to write a single code base which works on all platforms without the presumed drawbacks. TARGET AUDIENCE Developers/managers working on one of the three mentioned platforms, and who wish to no longer maintain separate code bases for each platform. ASSUMED AUDIENCE KNOWLEDGE A general knowledge of how either backend, front-end or mobile applications are developed is helpful. FIVE THINGS AUDIENCE MEMBERS WILL LEARN How to build a single code base working on all platforms What changes (if any) are required in the code base to achieve this How to avoid common draw-backs of wrapped applications, such as perceived slowness How to access native phone functions without muddling up the code base How such applications are packaged and deployed

Ember Conf 2016: Building Mobile Apps with EmberAlex Blom

This document discusses building mobile apps with Ember and Cordova. It recommends using the ember-cordova library to integrate Ember with Cordova. It covers handling touch events, icons, splash screens, and accessing device capabilities through Cordova services. It also provides tips for performance, such as using Crosswalk to improve speeds, avoiding memory leaks, minimizing app size, and managing reflows through CSS transforms and visibility changes.

Java script introductionJesus Obenita Jr.

1. JavaScript is an object-oriented programming language used to make web pages interactive. It was created by Netscape and allows developers to automate page elements and add interactivity. 2. JavaScript can be used to validate forms, open and close windows, perform calculations, and make pages feel fresh by updating elements like dates. It adds multimedia and allows pages to be customized based on user input. 3. JavaScript interacts with users by processing forms, validating input, and producing dynamic pages tailored to individual users. It is widely supported and accessible to beginners.

Going Node.js at Netflixmicahr

This document appears to be a presentation about using Node.js at Netflix. It discusses how Netflix uses Node.js to build lightweight, modular applications with a RESTful API and JavaScript everywhere in order to reduce complexity. It also covers why Netflix chose Node.js, how everything is built as modules, asset management, templating, build processes, leveraging existing infrastructure, embracing the JavaScript ecosystem, automating processes, and failing fast to move quickly.

Gatsby vs. Next.jsBorek Bernard

Kickstarter Your Node.JS ApplicationHengki Sihombing

This document summarizes a Node Meetup that took place on December 2, 2014. It introduces Node.js frameworks like Express, Mongoose, Passport and tools like Grunt. Express is presented as a lightweight web framework that adds routing and middleware support. Mongoose provides an ORM for MongoDB that simplifies interactions. Passport handles authentication with over 140 strategies. Grunt is used to automate tasks. Code samples and demos are provided for Express, authentication with Passport, and using Grunt. The meetup concludes with a question and answer session.

Building Native Experiences with ElectronBen Gotow

Finding the sweet spot - blending the best of native and webShawn Jansepar

4 JavaScript Tools Every Designer Should Know AboutAaron Tweeton

12-2015-MeetupHengki Sihombing

Ember At ScaleChad Hietala

Prerendering with NokogiriAlyss Noland

Snappy Means Happy: Performance in Ember AppsMatthew Beale

Ember is fast. Ember Core is working hard to make Ember even faster. So why does your app drag? The performance of a single-page app is impacted by the performance characteristics of its foundational parts: Network, Rendering, and JavaScript. Ember provides tools to manage these cornerstones, but with the tradeoff of introducing its own characteristics. In this talk, we will use the source of real, shipped Ember apps (and of Ember itself) to diagnose, understand, and improve slow interactions. The Chrome developer tools will help us understand slow code paths and identify opportunities for improvement. Along the way, we will learn how parts of Ember work at the macro and micro level and learn how the framework helps us manage performance challenges in a browser environment.

Automated perf optimization - jQuery ConferenceMatthew Lancaster

Flexible UI Components for a Multi-Framework WorldKevin Ball

The ES6 Conundrum - All Things Open 2015Christian Heilmann

The document discusses the ES6 (ECMAScript 2015) specification and challenges with adopting it. Some key points: - ES6 provides many new features but poses issues as browsers have varying support levels - Transpiling ES6 to ES5 allows use of new features but adds steps and browsers never get the native code - Feature testing can be used but has limitations and complexity - Options like libraries introduce dependencies rather than using the standard - Widespread testing and use of ES6 is needed to improve support and performance in browsers

Taming The Beastdanwrong

The document discusses the challenges of managing complexity in Ajax applications. It notes that web apps are growing but browser incompatibilities, testing and debugging difficulties, and JavaScript performance issues make development challenging. Design patterns can help address recurring problems, document proven solutions, and manage complexity. Different trade-offs exist between server-side and client-side development with regards to qualities like maintainability, reusability, and performance. The document recommends applying the Behavior pattern to semantically mark up templates without extra scaffolding for JavaScript.

Single Page Web AppsJan Monschke

The document discusses single page web apps, which allow a web app to exist on a single page without reloading the DOM. Key points made include: - Single page apps only update parts of the page rather than reloading the entire page, improving performance. - They allow for immediate feedback and smooth transitions between states within the app. - While they break links and expose business logic to users who inspect elements, they reduce server load and improve mobile experiences. - Popular tools for building single page apps include Backbone.js, SammyJS, and Brunch.

Trustparency Mobile Architecturetrustparency

Trustparency Mobile provides mobile technologies including UI components built with HTML5 and CSS3, and uses JavaScript and jQueryMobile for the middle tier. It utilizes PhoneGAP for native integration and allows for both local data storage using Web SQL and remote data access through HTTP requests. The architecture follows an MVC pattern with the view handling HTML pages, controller managing events, and model accessing the database or server.

HTML, CSS & Javascript Architecture (extended version) - Jan KrausWomen in Technology Poland

More Related Content

What's hot (20)

HTML5 Web Workers-unleashedPeter Lubbers

Electron - Build desktop apps using javascriptAustin Ogilvie

Web, Native iOS and Native Android with One Ember.js AppFITC

Ember Conf 2016: Building Mobile Apps with EmberAlex Blom

Java script introductionJesus Obenita Jr.

Going Node.js at Netflixmicahr

Gatsby vs. Next.jsBorek Bernard

Kickstarter Your Node.JS ApplicationHengki Sihombing

Building Native Experiences with ElectronBen Gotow

Finding the sweet spot - blending the best of native and webShawn Jansepar

4 JavaScript Tools Every Designer Should Know AboutAaron Tweeton

12-2015-MeetupHengki Sihombing

Ember At ScaleChad Hietala

Prerendering with NokogiriAlyss Noland

Snappy Means Happy: Performance in Ember AppsMatthew Beale

Automated perf optimization - jQuery ConferenceMatthew Lancaster

Flexible UI Components for a Multi-Framework WorldKevin Ball

The ES6 Conundrum - All Things Open 2015Christian Heilmann

Taming The Beastdanwrong

Single Page Web AppsJan Monschke

HTML5 Web Workers-unleashedPeter Lubbers

Electron - Build desktop apps using javascriptAustin Ogilvie

Web, Native iOS and Native Android with One Ember.js AppFITC

Ember Conf 2016: Building Mobile Apps with EmberAlex Blom

Java script introductionJesus Obenita Jr.

Going Node.js at Netflixmicahr

Gatsby vs. Next.jsBorek Bernard

Kickstarter Your Node.JS ApplicationHengki Sihombing

Building Native Experiences with ElectronBen Gotow

Finding the sweet spot - blending the best of native and webShawn Jansepar

4 JavaScript Tools Every Designer Should Know AboutAaron Tweeton

12-2015-MeetupHengki Sihombing

Ember At ScaleChad Hietala

Prerendering with NokogiriAlyss Noland

Snappy Means Happy: Performance in Ember AppsMatthew Beale

Automated perf optimization - jQuery ConferenceMatthew Lancaster

Flexible UI Components for a Multi-Framework WorldKevin Ball

The ES6 Conundrum - All Things Open 2015Christian Heilmann

Taming The Beastdanwrong

Single Page Web AppsJan Monschke

Viewers also liked (20)

Trustparency Mobile Architecturetrustparency

HTML, CSS & Javascript Architecture (extended version) - Jan KrausWomen in Technology Poland

I know how to search the internet,Hindie Dershowitz

The document discusses various Web 2.0 tools that can be used for personal learning networks (PLNs) including RSS feeds, blogs, wikis, social bookmarking, document sharing, wall posting, Twitter, visual mapping, and assistive technologies. It provides examples of how each tool can be used and example websites demonstrating the tools. The document raises questions about what the future of the web may look like, how to select members for a PLN, what web tools can be used professionally and personally, and what tools students need to learn.

Web of knowledge advanced featuresLisa Hartman

The Modern Web Part 3: Social NetworkingDavid Pallmann

The document discusses how social networks are transforming connectivity and are an important tool for businesses. It provides examples of how companies can leverage social integration by using social identities, integrating content with social networks, creating their own social networks, and using games/gamification for social marketing and problem solving. The document also discusses platforms and tools that can be used to build social and mobile applications across websites, clouds, and networks.

Using the internet for searchDr-Heba Mustafa

This video provides tips for using the internet and library resources for research. It recommends using .edu, .ac, and .gov websites as most credible and warns against biased commercial sites. Government and well-known non-profit organization websites with .org are generally reliable but be wary of sites promoting specific views. When searching online, use keywords rather than full phrases and avoid small common words. Experts can be identified by credentials and publications. Library catalogs list available materials and advanced searches can use phrases in quotes, word truncation, and Boolean operators to combine terms.

Windows 8 and the CloudDavid Pallmann

This document provides an overview of using Windows 8 and Windows Azure cloud services together. It discusses how the cloud enables unlimited power, storage and collaboration. It introduces SkyDrive for cloud file storage and sharing. It describes using cloud media in Windows 8 apps and having server backends hosted in the cloud. It also covers using Windows Azure mobile services for syncing offline data to the cloud and accessing cloud APIs and data. The document recommends several additional cloud resources for learning more.

WATER FOOTPRINT ACCOUNTING FOR CATCHMENTS AND RIVER BASINSGlorynel Ojeda-Matos

This document discusses water footprint accounting and assessment for geographic areas like catchments and river basins. It provides background on the water footprint network which aims to promote sustainable water use. Key points covered include: - Defining the water footprint within a geographic area and its components of green, blue and grey water. - Calculating the water footprint of national consumption which includes internal and external water footprints. - Assessing water footprints from both top-down and bottom-up approaches. - Evaluating the environmental sustainability of a water footprint based on its grey water component relative to the assimilative capacity of the local environment.

Google webmaster guide for startersjatindsim

The document provides steps to create a Webmaster account, verify a website with that account, and add a sitemap. It instructs the reader to create a new Gmail account, log into Google Webmaster with that account, and add their website. It then explains how to verify the site by adding HTML meta tags to the website header. Finally, it describes using the Yoast SEO plugin to generate an XML sitemap and submit that sitemap to the Webmaster account to complete the verification and sitemap addition process.

Bad websitesailishinwonderlandd

This document summarizes and critiques 5 bad websites. The websites are criticized for having non-eye catching titles, inconsistent fonts, random stock images, bland or garish color schemes, irrelevant pictures, lots of GIFs, translations that don't translate the page, busy images that block text, and failure to clearly communicate what the company does or sells. In general, the websites break rules of good design and usability.

How to develop modern web application frameworktechmemo

The document discusses how to develop the plugin architecture of a modern web application framework (WAF). It describes what the plugin architecture of a WAF should be, including making the core elements small and extensible. It then covers developing plugin types that can hook into the WAF lifecycle or add methods to classes. As an example, it outlines how the Angelos WAF implements a plugin system using Mouse roles and method modifiers to hook into component hook points. It concludes by stressing that WAF developers should provide default plugin sets for common needs.

Calculate your Water Footprint at H2O Conserveguest5961519

Internet Search Tips featuring GoogleLisa Hartman

This document provides tips for using Google search more effectively: - Google's "Instant Search" feature begins searching as you type your query. - Simple searches can return many results, so use filters like time period or domain to narrow results. - Advanced search allows limiting to specific sites like .edu or .gov domains. - Phrase searches find exact phrases instead of individual words.

Manuele Margni, CIRAIG - Behind the Water Footprint Stream: Metrics and Initi...CWS_2010

The document discusses water footprint metrics and initiatives to integrate them within life cycle assessment (LCA). It provides an overview of available metrics to assess potential impacts of water use and current initiatives. It discusses the need for consistency in the scope and evaluation of water footprint impacts. Frameworks are presented for accounting, impact assessment, and communication of water footprint within LCA.

How to search the Internet, a guide to save time and effortPete S

The Modern Web, Part 1: MobilityDavid Pallmann

Internet Search Tips (Google)Lisa Hartman

The document provides tips and information for improving internet searches, including using Google's advanced search options to narrow searches, using special characters and operators like quotes, asterisks, and the minus sign. It also lists other search engines and directories to explore, as well as some "fun" customization options on Google like changing the interface language to Klingon, Pirate, or Elmer Fudd speak.

Internet SearchD Houseman

This document provides tips and strategies for making internet searches more productive. It demonstrates how to effectively use keywords and search operators in Google to find specific types of information and filter results. Various Google tools are described that can help organize searches, including Google Scholar, Google News, Google Alerts, and options to customize search experiences for students or collaboratively with other teachers.

Affordable web designA Website Designer

Affordability is something that unites the companies that are into website design – they all claim to offer services that don’t burn a hole in your pocket. Interesting, isn’t it? Well, guess what, if anything, it’s ironical. Why, you may ask. Come on, how can every company offer services that don’t cost you much? Okay, they may, but can they maintain the same level of quality? More importantly, can they conform to the standards and still ask for low prices? Not always!

When worlds Collide: HTML5 Meets the CloudDavid Pallmann

Trustparency Mobile Architecturetrustparency

HTML, CSS & Javascript Architecture (extended version) - Jan KrausWomen in Technology Poland

I know how to search the internet,Hindie Dershowitz

Web of knowledge advanced featuresLisa Hartman

The Modern Web Part 3: Social NetworkingDavid Pallmann

Using the internet for searchDr-Heba Mustafa

Windows 8 and the CloudDavid Pallmann

WATER FOOTPRINT ACCOUNTING FOR CATCHMENTS AND RIVER BASINSGlorynel Ojeda-Matos

Google webmaster guide for startersjatindsim

Bad websitesailishinwonderlandd

How to develop modern web application frameworktechmemo

Calculate your Water Footprint at H2O Conserveguest5961519

Internet Search Tips featuring GoogleLisa Hartman

Manuele Margni, CIRAIG - Behind the Water Footprint Stream: Metrics and Initi...CWS_2010

How to search the Internet, a guide to save time and effortPete S

The Modern Web, Part 1: MobilityDavid Pallmann

Internet Search Tips (Google)Lisa Hartman

Internet SearchD Houseman

Affordable web designA Website Designer

When worlds Collide: HTML5 Meets the CloudDavid Pallmann

Similar to Simplicity - develop modern web apps with tiny frameworks and tools (20)

Tech Thursdays: Building ProductsHayden Bleasel

This document provides an overview of modern web development including products, languages, frameworks, content management systems, architecture, services and case studies. It discusses key concepts like what constitutes a product versus a project, popular programming languages for web and mobile including JavaScript, frameworks like Express and React, CMS options, client-side rendering, and using external services.

Developing realtime apps with Drupal and NodeJS drupalcampest

Webdevcon Keynote hh-2012-09-18Pierre Joye

The document discusses various technologies and languages including PHP, Python, Ruby, Go, Scala, and Red. It mentions tools for mobile development like PhoneGap and frameworks like jQuery, Dojo, and Sencha. Other topics covered include Node.js, HTML5, cloud computing platforms, virtualization, and decoupled content management systems. Resources and links are provided for many of the languages and technologies discussed.

Hexagonal architecture - message-oriented software designMatthias Noback

Commands, events, queries - three types of messages that travel through your application. Some originate from the web, some from the command-line. Your application sends some of them to a database, or a message queue. What is the ideal infrastructure for an application to support this on-going stream of messages? What kind of architectural design fits best? This talk provides answers to these questions: we take the *hexagonal* approach to software architecture. We look at messages, how they cross boundaries and how you can make steady communication lines between your application and other systems, like web browsers, terminals, databases and message queues. You will learn how to separate the technical aspects of these connections from the core behavior of your application by implementing design patterns like the *command bus*, and design principles like *dependency inversion*.

Become a webdeveloper - AKAICamp Beginner #1Jacek Tomaszewski

The document discusses reasons for pursuing a career in web development, predicting its continued growth. It outlines the skills needed, including front-end technologies like HTML, CSS, and JavaScript, as well as back-end options like PHP, Ruby, Python, and Node.js. Testing, frameworks, and devops skills are also important. Overall, the document argues that web development offers an in-demand and exciting career path.

Busy Developer's Guide to Windows 8 HTML/JavaScript AppsJAX London

With the upcoming release of Windows 8, Microsoft decided to bring HTML+Javascript into the world of Windows-platform application development as a first-class citizen. But make no mistake, this isn’t an attempt to somehow subvert Web developers—it’s more about enabling Web developers to leverage those skills in building “native” Windows applications running on the Windows 8 laptops, desktops, and slates. In this presentation, we’ll go over the basics of building a Windows 8 app using HTML and JavaScript, including a brief overview of what’s possible—and what’s not—for the Web developer seeking to “go native” on Windows.

Dictionary Within the Cloudgueste4978b94

The document discusses the goals and development of an online dictionary application being built by three developers called the Giraffes. It aims to provide dictionary functionality through the cloud to replace installed software and reduce disk space usage. The application displays dictionary results for selected text within the browser using JavaScript. Future plans include browser extensions, additional dictionaries, language support, and APIs for other developers and users to integrate new dictionaries.

Coffee script throwdownNicholas McClay

This document discusses CoffeeScript, a programming language that compiles to JavaScript. It provides an overview of CoffeeScript, highlighting its clarity, uniformity, and ease of translation to JavaScript. Key points include that CoffeeScript has alternative syntax that some find cleaner than JavaScript, compiles to readable JavaScript code, and is used by many popular Node.js modules and developers. Challenges of CoffeeScript like debugging and learning pains are also addressed.

Node azureEmanuele DelBono

Confoo - Javascript Server Side : How to startQuentin Adam

nodeJS, claypool, APE, map reduce en nosql, yql... Le javascript server side est un sujet d'actualité, une tendance de fond est en train d'émerger. Et la mise en avant des outils dans la communauté progresse rapidement. La promesse d'un seul langage sur le client et le serveur d'une application web est très attirante alors que HTML5, les websockets, les webworker, les local storage sont en train de se faire une place dans le futur du web. Cette conférence a pour but de vous permettre de mieux appréhender cet écosystème à travers son historique, l'exposé des standards émergeant, des avantages et défauts des différentes solutions proposées et en présentant les briques communes. Quels projets pouvez vous entreprendre sur ces technologies ? Est-ce possible à intégrer en production ? L'administration et l'intégration de ces outils au SI d'une entreprise est il possible ? Ces technologies vont elles s'implanter ou rester des expérimentations de techniciens sous stéroïdes ?

Enterprise PHP (PHP London Conference 2008)Ivo Jansch

From dev to ops and beyond - getting it doneEdorian

This document discusses best practices for software development teams to continuously deliver and maintain successful products beyond initial release. It emphasizes establishing practices like continuous integration, deployment automation, configuration management, and ensuring code quality and maintainability through techniques like testing, code reviews and style guidelines. The goal is to keep developers focused on continuously delivering business value while facilitating collaboration between development and operations teams.

HTML5 Can't Do ThatNathan Smith

Net training in bhubaneswar litbbsr

ASP.NET is a set of Web development tools offered by Microsoft. Programs like Visual Studio .NET and Visual Web Developer allow Web developers to create dynamic websites using a visual interface. Of course, programmers can write their own code and scripts and incorporate it into ASP.NET websites as well. Though it often seen as a successor to Microsoft's ASPprogramming technology, ASP.NET also supports Visual Basic.NET, JScript .NET and open-source languages like Python and Perl. ASP.NET is built on the .NET framework, which provides an application program interface (API) for software programmers. The .NET development tools can be used to create applications for both the Windows operating system and the Web. Programs like Visual Studio .NET provide a visual interface for developers to create their applications, which makes .NET a reasonable choice for designing Web-based interfaces as well.

Notes (2012-06-08)Chris Pitt

The document discusses web apps, defining them as websites that perform a useful function, are targeted at smartphones, and are built using web technologies with some native code. It covers aspects of developing web apps such as tools, tricks, and trade-offs involved in the development process. The key tasks in developing a web app are conceptualizing what it will do, creating wireframes, developing the server-side code, client-side code, and native wrappers for different devices.

Service worker APIGiorgio Natili

Everybody knows Javascript is single-threaded and that it shares this same thread with other browser-related processes such as painting and compositing. There are several techniques to implement pseudo multithreading in JavaScript; however, during this talk we will focus our attention on how to use and debug the Service Worker API. Our end goal is to explore practical use cases in order to simplify the process to render complex user interfaces and transitions in a browser.

Hexagonal architecture message-oriented software designMatthias Noback

Hexagonal Architecture - message-oriented software design (PHPCon Poland 2015)Matthias Noback

Commands, events, queries - three types of messages that travel through your application. Some originate from the web, some from the command-line. Your application sends some of them to a database, or a message queue. What is the ideal infrastructure for an application to support this on-going stream of messages? What kind of architectural design fits best? This talk provides answers to these questions: we take the hexagonal approach to software architecture. We look at messages, how they cross boundaries and how you can make steady communication lines between your application and other systems, like web browsers, terminals, databases and message queues. You will learn how to separate the technical aspects of these connections from the core behavior of your application by implementing design patterns like the command bus, and design principles like dependency inversion.

Fast, concurrent ruby web applications with EventMachine and EM::SynchronyKyle Drake

This document summarizes Kyle Drake's presentation on using EventMachine (EM) and EM::Synchrony to build fast, concurrent Ruby web applications without blocking I/O or callback hell. Key points include: - EM implements the reactor pattern to handle blocking I/O without threads by using callbacks and kernel threads. - EM::Synchrony avoids callback nesting by wrapping callbacks in fibers, allowing synchronous-looking code. - Sinatra can be made concurrent by running each request in its own EM::Synchrony fiber with little code change. - Ruby has strong options for building high-performance concurrent apps while maintaining productivity advantages over Node.js.

История одного успешного ".NET" проекта, Александр СугакSigma Software

The document describes an IoT project built using an unconventional technology stack. It discusses the current status quo of typical .NET projects using standard Microsoft technologies. It then presents a case study of an IoT project built using non-standard technologies like F#, Suave, ReactJS, and running on Linux. It outlines the principles used in selecting the technology stack, including preferring less magic frameworks, ensuring predictable and reproducible builds, shortening feedback loops, and focusing on reusable skills and knowledge.

Tech Thursdays: Building ProductsHayden Bleasel

Developing realtime apps with Drupal and NodeJS drupalcampest

Webdevcon Keynote hh-2012-09-18Pierre Joye

Hexagonal architecture - message-oriented software designMatthias Noback

Become a webdeveloper - AKAICamp Beginner #1Jacek Tomaszewski

Busy Developer's Guide to Windows 8 HTML/JavaScript AppsJAX London

Dictionary Within the Cloudgueste4978b94

Coffee script throwdownNicholas McClay

Node azureEmanuele DelBono

Confoo - Javascript Server Side : How to startQuentin Adam

Enterprise PHP (PHP London Conference 2008)Ivo Jansch

From dev to ops and beyond - getting it doneEdorian

HTML5 Can't Do ThatNathan Smith

Net training in bhubaneswar litbbsr

Notes (2012-06-08)Chris Pitt

Service worker APIGiorgio Natili

Hexagonal architecture message-oriented software designMatthias Noback

Hexagonal Architecture - message-oriented software design (PHPCon Poland 2015)Matthias Noback

Fast, concurrent ruby web applications with EventMachine and EM::SynchronyKyle Drake

История одного успешного ".NET" проекта, Александр СугакSigma Software

More from Rui Carvalho (15)

Agile Feedback LoopsRui Carvalho

NewCrafts 2017 Conference OpeningRui Carvalho

The document summarizes the NewCrafts conference happening on May 18-19 in Paris. It provides information about the conference dates and location, and encourages attendees to use the hashtag #ncrafts and follow @ncraftsconf on Twitter. The bulk of the document consists of quotes from 1972 by Edsger Dijkstra discussing challenges with software development and the need for better programming practices and tools. It promotes discussing history, philosophy, and innovation to improve software development.

Cqrs IgniteRui Carvalho

AltNet fr talks #2016.11 - newsRui Carvalho

- .NET Core 1.1 has been released with new Linux distributions supported and API/bug fixes. The version naming is confusing as 1.1.0 corresponds to 1.0.0 Preview 2.1. - SQL Server will be generally available on Linux in mid-2017 and is currently in public preview. It supports the full SQL Server feature set and can be installed on Ubuntu via Docker. - The ALT.NET meetup group meets every fourth Thursday of the month in Paris and is calling for talks and sponsors for hosting the event.

Patience, the art of taking his timeRui Carvalho

We always want to move forward and fast, but where's the point? Are we doing better code? are we happier in our developer's life? Among agile and XP values, Patience is a virtue we never talk about, even though it glues most of these values together. We'll see common problems relative to (im)patience, we'll try to understand the science behind patience and finally try to discuss some solutions and recipes that emerged along the time. From code to career, we'll see how Patience can make you a better and happier developer!

Ncrafts 2016 opening notesRui Carvalho

The document provides information about the NCRAFTS2016 conference taking place on May 12-13. It summarizes that: 1) The conference is welcoming attendees and includes disclaimers, instructions to stand up and interact with others, and thanks to sponsors and staff. 2) Statistics are presented on the growth of the conference from 2014 to 2016, with numbers of preparation time, speakers, sessions, days, sponsors, and attendees roughly doubling each year. 3) The purpose of the conference is for attendees to learn from speaker experiences, improve their skills and practices through interacting with others, and build better things through applying what they learn.

Code Cooking Rui Carvalho

Clean up your code with C#6Rui Carvalho

Feedback Loops v4x3 Lightening Rui Carvalho

Feedback Loops...to infinity, and beyond!Rui Carvalho

Agile. Agile is not a noun we can quantify but an adjective. Why on earth are most people trying to buy some ’agile’ then ? Why are people trying to sell that they are ’doing’ agile? Maybe it's time to remember the core values of software development, and among them, feedback is a central one. Let’s try to refine our ability to understand feedback and see how it can help to produce better software

Simple CodeRui Carvalho

This document discusses the importance of simplicity in software development. It notes that complexity is everywhere and that making things simple is difficult. It provides several principles for achieving simplicity, including following agile and XP rules, minimizing duplication, maximizing clarity, avoiding unnecessary coupling, and practicing refactoring and removing duplication. The document advocates for better naming, consistency, functional programming techniques, and practicing simplicity principles. It provides additional resources on extreme programming and simple design.

Simplicity 2.0 - Get the power backRui Carvalho

SPA avec Angular et SignalR (FR)Rui Carvalho

Angular n'est pas un simple framework mvc, il va plus loin et change fondamentalement notre manière de concevoir des applications web. De l'avis de ses auteurs Angular est la plateforme qu'aurait été le couple html et JavaScript si ils avaient été créés aujourd'hui. SignalR quand a lui change aussi radicalement la manière de voir l'interaction avec les utilisateurs grace a sa communication bi-directionnelle simplifiée. Il est intéressant de réunir les deux pour profiter du meilleur des deux mondes, de voir comment des bindings et des évènements se propagent de bout en bout et ainsi avoir un aperçu des applications de demain.

My Git workflowRui Carvalho

The document discusses Git workflows and best practices for managing source code versions. It recommends using small, focused branches for new features or bug fixes, then pushing branches to the remote repository for review and merging. It also recommends forking repositories for outside contributions, where others can submit pull requests to merge changes into the main repository. Following these practices helps keep code organized, allows for easy integration of new changes, and facilitates collaboration.

.Net pour le développeur Java - une source d'inspiration?Rui Carvalho

Pour se remettre dans le contexte, nous parlons ici de .Net présenté à une conférence Java. Nous allons revoir un peu d'historique des débuts pré-.Net et des inspirations mutuelles des deux environnements. Puis nous parlerons fonctionnalités à travers un exemple illustrant notamment les points essentiels de C# aujourd'hui avec les lambdas qui arriveront avec Java 8. Nous finirons enfin avec une partie communautaire.

Agile Feedback LoopsRui Carvalho

NewCrafts 2017 Conference OpeningRui Carvalho

Cqrs IgniteRui Carvalho

AltNet fr talks #2016.11 - newsRui Carvalho

Patience, the art of taking his timeRui Carvalho

Ncrafts 2016 opening notesRui Carvalho

Code Cooking Rui Carvalho

Clean up your code with C#6Rui Carvalho

Feedback Loops v4x3 Lightening Rui Carvalho

Feedback Loops...to infinity, and beyond!Rui Carvalho

Simple CodeRui Carvalho

Simplicity 2.0 - Get the power backRui Carvalho

SPA avec Angular et SignalR (FR)Rui Carvalho

My Git workflowRui Carvalho

.Net pour le développeur Java - une source d'inspiration?Rui Carvalho

Simplicity - develop modern web apps with tiny frameworks and tools

1. Simplicity Compose modern web apps with efficient tiny frameworks & tools Rui Carvalho/@rhwy

2. Thanks to the sponsors

4. Web Patterns Tools Frameworks

5. Less Pain && Get the Control back!

6. Background “Should I really care?”

8. The nature of the Web “ how desktop techniques doesn’t fit interconnected application needs ”

9. The web is documents … The web is not objects

10. The Domain Problem “ how humans need to talk more”

11. Customer needs ‘Foo’

12. …You think schema ‘Bar’

13. …Don’t think schema too hard…

14. Over engineered?

15. Hexagonal, Onion?

16. Concrete Application?

17. I misunderstood “Architecture is about an intent, it’s not about a technical framework”

19. Node

20. So, what is

21. Responsive

22. Cross Media

23. Patterns of Modern Web Applications

24. SPA* *Single page application (ie : gmail)

25. SPA

26. SPAA

27. REST “Your API Is your APP”

28. REST

29. Tools! (for what?)

30. Get the shell back!

31. Curl Everything you need to test your app is here! -X [GET|POST…] -I (include headers) -d key=value

32. Nuget Package management is essential Enterprise grade => build your own Quite multi-platform

33. Nuget (for Mac lovers) curl http://nuget.org/nuget.exe -L -k -o nuget.exe #!/bin/sh PATH=/usr/local/bin:$PATH mono --runtime=v4.0 /usr/local/bin/NuGet.exe $*

34. (nuget powered) Chocolatey @powershell -NoProfile -ExecutionPolicy unrestricted -Command "iex ((new-object net.webclient).DownloadString('http://bit.ly/psChoc Install'))" && SET PATH=%PATH%;%systemdrive%chocolateybin > Cinst ruby

35. See what append (live)

37. Chrome dev tools

38. Editors Webstorm Chose a good tool also for the client side!

39. Online web editors Jsfiddle.com Jsbin.net Plnkr.co Codepen.io C9.io

40. Frameworks!

41. Frameworks ?

42. Frameworks ?

43. OSS ? oss projects -most of the time- fits real user needs tiny oss projects usually fit one need, but do it well.

44. jQuery

45. jQuery

46. Angular Html enhanced for web apps!

47. Angular