The Thick Front-End

•

1 j'aime•2,164 vues

Jeff Dickey

Technologie

Agenda

•

Why we need a Thick-Client

•

How I’ve written JavaScript in the past

•

How I architect new applications

Rails is amazing
•

Apps are easy to build

•

We test everything

•

Easy to deploy

•

Packages everything for you

However applications require
more interactivity now
•

Automatic refresh (notiﬁcations)

•

Animations

•

Fast editing

•

More speed

JavaScript and Rails are at
odds with each other.

•

JavaScript is hard to test.

•

No structure is given for JavaScript.

•

Turbolinks causes bugs

I used to avoid JavaScript
whenever possible.

Progressive enhancement
ruins applications.

Why have a
Single-page app?
•

Simple architecture

•

Insanely fast

•

Can architect back-end separately

•

Free API!

•

State lives in the client

Generating code intended
to be executed by the client
would be insane.

Browsers are smart now.
Let’s architect for that.

Single-page app not without
problems

•

2 projects, new workﬂow

•

Initial page-load performance

•

SEO

There are solutions
•

BromBone

•

Prerender (phantomjs)

•

render_static gem (selenium)

•

escape_fragment

Marketers should not
dictate how we architect.

Grunt
•

Compile SASS

•

Minify CSS/JS

•

Shrink .png

•

Test front-end

•

Automate deployments

Bower
•

Front-end package manager

•

Like rubygems, brew or package control in
Sublime

•

Unobtrusive. Really simple.

Summary

•

The way we build applications is dated

•

The web is now ready for Thick-Client apps

•

Thick Clients make architecture simple

Browsers are smart now.
Treat them like it.
@dickeyxxx

Contenu connexe

Tendances

As React, Vue, Angular and other Frontend frameworks mature, more and more projects embrace them in production. It has reached a point where a project written in React wants to use Angular or Vue components (and vice versa). We will explore pragmatic ways to use components created using different frameworks in the same app. I am working on an Angular project for one of our clients. It recently acquired a company which is invested into React for few years. There is a plan to merge our products which has a lot of feature overlap. To use capabilities of existing teams, it was decided to use React components within Angular app. This is when we explored all possibilities of inter operations between frameworks. This talk will be case study of our work and what you can take away from it

Interoperability of components built with different frameworks

Souvik Basu

[DevDay 2017] ReactJS Hands on - Speaker: Binh Phan - Developer at mgm techno...

DevDay.org

Join our session if you are looking for an easy way to build mobile apps with real-time functions by reusing your web development skills. Our speaker will introduce to you about NativeScript and Firebase which can help you build a truly native mobile application with real-time functions more easily, faster and more effectively than ever. You will be guided how to use it through our live code session as well.

[DevDay2018] Ignite your app development with native script and firebase - By...

DevDay.org

Things are moving fast. Sometimes you might even feel that you own comfort zone is getting of control. But in a Mobile-First, Cloud-First world, things are changing to a crazy pace and to stay on the top of your game, you need keep up with the latest and greatest technologies that are available out there. By staying up to date, you will give to yourself new options that will let you be more productive, write better code and push you in a more open and more collaborative world. With the official shipment of Angular 5 and the current release of the SharePoint Framework, it is now the time to start moving towards those new technologies in your SharePoint Solutions. In this session, we will cover the modern tool belt of the SharePoint developer by covering the SharePoint Framework as the new surface to express yourself, Angular as a Framework to enable you to build complete applications within your SharePoint modern experiences and Azure Function as the perfect server-side companion for all your Office 365 & Azure development. This very demo-intensive session will make sure that at the end you get those 3 key takeaways : - Understand the role of the SharePoint Framework, Angular and Azure Functions in this Cloud-First, Mobile-First world - Have a complete sample where the modern tool belt is relevant and useful in a real-world scenario - Change the way you will think for your next SharePoint project

North American Collaboration Summit 2018 - SharePoint Framework, Angular & Az...

Sébastien Levert

Angular.js Talk at the November Meetup of the BerlinJS User Group

Manuel Kießling

An Angular developer moving to React

Souvik Basu

About the Presentation: Nikunj Patel will be presenting on Angular 2 CLI with Node JS. • Are you a developer interested in TypeScript and Angular? • Do you feel like setting up a solid Angular 2 environment is a huge pain? • Is your Angular app becoming a maintenance nightmare? • Are you seeing Code inconsistency due to lack of coding standards in your angular App? Worry not, In this Live coding session we will explore the power of “Angular CLI” by developing an Angular Application. In the process, we will learn how easily we can produce a well structured, modular and testable code. We will discuss key points, shortcuts, gotchas and best practices of the Angular world. If Time permits, we will also develop backend Rest API using node.Js to power our Angular App to get a feel of how Angular can help you solve real-world problems. Please come prepared with following installed so that we can hit the ground running. Prerequisites : Install Node.Js Install Visual Studio Code Install Google Chrome Install PostMan (Optional) About the presenter: Nik Patel is Sr. Software Engineer at Frontline Education. He has 7+ years of experience in a Full stack and works on .NET and MEAN stack. He strongly believes in “Paying it forward” and is committed to growing by learning and contributing back to the community.

Angular CLI : HelloWorld

nikspatel007

Serverless architecture is a hot topic nowadays. The traditional architecture needs to have one or many servers to let the app run on, make the app come out the market. Many steps have been done from managing servers, monitoring servers to optimizing servers and it needs server administration knowledge. With Serverless, it doesn't mean you don't need the server at all, it means the server will be hosted by another party and away from you. You only focus on your code and give your product out to the market as fast as possible.

[DevDay 2017] Serverless Architecture - Speaker: Trung Huynh - Software Engin...

DevDay.org

Building services for apps on a shoestring budget

Robert MacLean

Getting started with Angular CLI

Sasha Vinčić

Isomorphic javascript - Uppsala.js #8

Alexander Aivars

7 Peaks Software Angular Meetup July 2019. ABC: Angular, Bazel, CLI by Vorrawut Judasri – Developer at Odds. Angular 8 is the newest version on the block, and comes with the effective CLI API, helping make developers experience better. Offering differential loading support for modern browser, and faster loading, and also includes Ivy renderer tree-shaking for a smaller website. See all the event details here -> http://7peakssoftware.com/angular-meetup-2019/ Stay tuned to get information about 7 Peaks Software’s next Angular meetup at https://7peakssoftware.com/events/

ABC: Angular, Bazel, CLI

Seven Peaks Speaks

Angular Illumination

Bryan Arbelo

Introduction to-react

Muzammil Bilwani

EXPERTALKS: Jul 2012 - Build using Gradle

EXPERTALKS

Scala on Rails #rakutentech

Kazuhiro Sera

Migrate PHP E-Commerce Site to Go

Weng Wei

TelerikNEXT What's new in UI for ASP.NET AJAX

Ed Charbeneau

Docs at Weaveworks: DX from open source to SaaS and beyond

Luke Marsden

Tendances (19)

Interoperability of components built with different frameworks

[DevDay 2017] ReactJS Hands on - Speaker: Binh Phan - Developer at mgm techno...

[DevDay2018] Ignite your app development with native script and firebase - By...

North American Collaboration Summit 2018 - SharePoint Framework, Angular & Az...

Angular.js Talk at the November Meetup of the BerlinJS User Group

An Angular developer moving to React

Angular CLI : HelloWorld

[DevDay 2017] Serverless Architecture - Speaker: Trung Huynh - Software Engin...

Building services for apps on a shoestring budget

Getting started with Angular CLI

Isomorphic javascript - Uppsala.js #8

ABC: Angular, Bazel, CLI

Angular Illumination

Introduction to-react

EXPERTALKS: Jul 2012 - Build using Gradle

Scala on Rails #rakutentech

Migrate PHP E-Commerce Site to Go

TelerikNEXT What's new in UI for ASP.NET AJAX

Docs at Weaveworks: DX from open source to SaaS and beyond

Similaire à The Thick Front-End

React Tech Salon

Chenguang ZHANG

Single page App

Gaurav Gawande

I knew there had to be a better way to build mobile apps. The time has never been better to learn mobile application development. For many app ideas, you don’t even need any prior native development knowledge. You can get started today with knowledge of HTML, CSS and JavaScript. Unlike native mobile development, mobile applications using web technologies can support many mobile platforms. So during this session will gain experience how to start from very basics and build mobile apps with zero knowledge. Alius will share his own experience on building hybryd applications based on PhoneGap also he promised to explain why he suddenly changed his own opinion about native apps and switched back to Xamarin.

«I knew there had to be a better way to build mobile app»

FDConf

RubyConf China 2015 - Rails off assets pipeline

Florian Dutey

Progressive Web Apps and React

Mike Melusky

Developing large scale web applications is challenging enough on its own. It gets even trickier when development should be done by several independent teams responsible for their own product areas and UI design implies that their work is tightly integrated and should be perceived as one product. Workflow driven development is about how we at Nordnet decided to address these issues, what frontend architecture solutions we’ve decided to adopt to allow our teams to work independently and still deliver common product we call next.nordnet.

Workflow driven development

DmitryDemyankov

Shift Remote: JS - Javascript Build Tools: Past & Beyond - Shedrack Akintayo

Shift Conference

Goal of the talk is to build a full web and mobile application powered by Angular We will be talking about basics of AngularJS We will be talking basics of WebAPI (which will expose Sitefinity’s data) We will be talking about an easy way to create WebAPIS in Sitefinity using Babaganoush Building a Conference web app which shows how to get and put data into Sitefinity using widgets powered by Angular Building a Conference mobile app which shows how to get data from Sitefinity to a hybrid app powered by AngularJS

Using-AngularJS-with-Sitefinity.pptx

kisofe

From Heroku to Amazon AWS

Sebastian Schleicher

DEFCON-23-Nadeem-Douba-BurpKit

Nadeem Douba

DEFCON 23 - Nadeem Douba - Using WebKit to Own the Web

Felipe Prado

So, you've made the ferpect Single Page Application. It has all the bells and whistles, and uses all the flashing new frameworks. But how do you know it works, and how do you know that it will continue to work in this world of continuous delivery? This session will try to explain how to do end-to-edn testing of the system, how to test the application server code, and how to test the code the executes on the client.

Testing your Single Page Application

Wekoslav Stefanovski

The time has never been better to learn mobile application development. For many app ideas, you don’t even need any prior native development knowledge. You can get started today with knowledge of HTML, CSS and JavaScript. Unlike native mobile development, mobile applications using web technologies can support many mobile platforms. I shared my own experience on building hybrid applications based on PhoneGap also explained why I suddenly changed my own opinion about native apps and switched back to Xamarin.

I knew there had to be a better way to build mobile apps

Alius Petraška

Often business needs and developer needs are at odds when developing public facing web applications, sites that need to be indexed by search engines. Business is primarily concerned with factors such as search engine optimization, SEO, improving visitor retention and reducing bounce rates, while engineering is more concerned with improving developer ergonomics, code re-usage, separation of concerns, and code maintenance. This talk aims to describe a solution that satisfies both business and engineering requirements.

Satisfying Business and Engineering Requirements: Client-server JavaScript, S...

Jason Strimpel

DSpace UI prototype dsember

Bram Luyten

Progressive Enhancement using WSGI

Matthew Wilkes

JavaScript in Universal Windows Platform apps

Timmy Kokke

Isomorphic React Applications: Performance And Scalability

Denis Izmaylov

Eureko frameworks

Görkem Sazara

Angular Introduction (RS)

Rishikesh Shukla

Similaire à The Thick Front-End (20)

React Tech Salon

Single page App

«I knew there had to be a better way to build mobile app»

RubyConf China 2015 - Rails off assets pipeline

Progressive Web Apps and React

Workflow driven development

Shift Remote: JS - Javascript Build Tools: Past & Beyond - Shedrack Akintayo

Using-AngularJS-with-Sitefinity.pptx

From Heroku to Amazon AWS

DEFCON-23-Nadeem-Douba-BurpKit

DEFCON 23 - Nadeem Douba - Using WebKit to Own the Web

Testing your Single Page Application

I knew there had to be a better way to build mobile apps

Satisfying Business and Engineering Requirements: Client-server JavaScript, S...

DSpace UI prototype dsember

Progressive Enhancement using WSGI

JavaScript in Universal Windows Platform apps

Isomorphic React Applications: Performance And Scalability

Eureko frameworks

Angular Introduction (RS)

Dernier

Discord is a free app offering voice, video, and text chat functionalities, primarily catering to the gaming community. It serves as a hub for users to create and join servers tailored to their interests. Discord’s ecosystem comprises servers, each functioning as a distinct online community with its own channels dedicated to specific topics or activities. Users can engage in text-based discussions, voice calls, or video chats within these channels. Understanding Discord Servers Discord servers are virtual spaces where users congregate to interact, share content, and build communities. Servers may revolve around gaming, hobbies, interests, or fandoms, providing a platform for like-minded individuals to connect. Communication Features Discord offers a range of communication tools, including text channels for messaging, voice channels for real-time audio conversations, and video channels for face-to-face interactions. These features facilitate seamless communication and collaboration. What Does NSFW Mean? The acronym NSFW stands for “Not Safe For Work,” indicating content that may be inappropriate for professional or public settings. NSFW Content NSFW content encompasses material that is sexually explicit, violent, or otherwise graphic in nature. It often includes nudity, profanity, or depictions of sensitive topics.

Understanding Discord NSFW Servers A Guide for Responsible Users.pdf

UK Journal

Strategies for Landing an Oracle DBA Job as a Fresher

Remote DBA Services

The presentation explores the development and application of artificial intelligence (AI) from its inception to its current status in the modern world. The term "artificial intelligence" was first coined by John McCarthy in 1956 to describe efforts to develop computer programs capable of performing tasks that typically require human intelligence. This concept was first introduced at a conference held at Dartmouth College, where programs demonstrated capabilities such as playing chess, proving theorems, and interpreting texts. In the early stages, Alan Turing contributed to the field by defining intelligence as the ability of a being to respond to certain questions intelligently, proposing what is now known as the Turing Test to evaluate the presence of intelligent behavior in machines. As the decades progressed, AI evolved significantly. The 1980s focused on machine learning, teaching computers to learn from data, leading to the development of models that could improve their performance based on their experiences. The 1990s and 2000s saw further advances in algorithms and computational power, which allowed for more sophisticated data analysis techniques, including data mining. By the 2010s, the proliferation of big data and the refinement of deep learning techniques enabled AI to become mainstream. Notable milestones included the success of Google's AlphaGo and advancements in autonomous vehicles by companies like Tesla and Waymo. A major theme of the presentation is the application of generative AI, which has been used for tasks such as natural language text generation, translation, and question answering. Generative AI uses large datasets to train models that can then produce new, coherent pieces of text or other media. The presentation also discusses the ethical implications and the need for regulation in AI, highlighting issues such as privacy, bias, and the potential for misuse. These concerns have prompted calls for comprehensive regulations to ensure the safe and equitable use of AI technologies. Artificial intelligence has also played a significant role in healthcare, particularly highlighted during the COVID-19 pandemic, where it was used in drug discovery, vaccine development, and analyzing the spread of the virus. The capabilities of AI in healthcare are vast, ranging from medical diagnostics to personalized medicine, demonstrating the technology's potential to revolutionize fields beyond just technical or consumer applications. In conclusion, AI continues to be a rapidly evolving field with significant implications for various aspects of society. The development from theoretical concepts to real-world applications illustrates both the potential benefits and the challenges that come with integrating advanced technologies into everyday life. The ongoing discussion about AI ethics and regulation underscores the importance of managing these technologies responsibly to maximize their their benefits while minimizing potential harms.

Artificial Intelligence: Facts and Myths

Joaquim Jorge

The 7 Things I Know About Cyber Security After 25 Years | April 2024

Rafal Los

A Domino Admins Adventures (Engage 2024)

Gabriella Davis

💉💊+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHABI}}+971581248768 +971581248768 Mtp-Kit (500MG) Prices » Dubai [(+971581248768**)] Abortion Pills For Sale In Dubai, UAE, Mifepristone and Misoprostol Tablets Available In Dubai, UAE CONTACT DR.Maya Whatsapp +971581248768 We Have Abortion Pills / Cytotec Tablets /Mifegest Kit Available in Dubai, Sharjah, Abudhabi, Ajman, Alain, Fujairah, Ras Al Khaimah, Umm Al Quwain, UAE, Buy cytotec in Dubai +971581248768''''Abortion Pills near me DUBAI | ABU DHABI|UAE. Price of Misoprostol, Cytotec” +971581248768' Dr.DEEM ''BUY ABORTION PILLS MIFEGEST KIT, MISOPROTONE, CYTOTEC PILLS IN DUBAI, ABU DHABI,UAE'' Contact me now via What's App…… abortion Pills Cytotec also available Oman Qatar Doha Saudi Arabia Bahrain Above all, Cytotec Abortion Pills are Available In Dubai / UAE, you will be very happy to do abortion in Dubai we are providing cytotec 200mg abortion pill in Dubai, UAE. Medication abortion offers an alternative to Surgical Abortion for women in the early weeks of pregnancy. We only offer abortion pills from 1 week-6 Months. We then advise you to use surgery if its beyond 6 months. Our Abu Dhabi, Ajman, Al Ain, Dubai, Fujairah, Ras Al Khaimah (RAK), Sharjah, Umm Al Quwain (UAQ) United Arab Emirates Abortion Clinic provides the safest and most advanced techniques for providing non-surgical, medical and surgical abortion methods for early through late second trimester, including the Abortion By Pill Procedure (RU 486, Mifeprex, Mifepristone, early options French Abortion Pill), Tamoxifen, Methotrexate and Cytotec (Misoprostol). The Abu Dhabi, United Arab Emirates Abortion Clinic performs Same Day Abortion Procedure using medications that are taken on the first day of the office visit and will cause the abortion to occur generally within 4 to 6 hours (as early as 30 minutes) for patients who are 3 to 12 weeks pregnant. When Mifepristone and Misoprostol are used, 50% of patients complete in 4 to 6 hours; 75% to 80% in 12 hours; and 90% in 24 hours. We use a regimen that allows for completion without the need for surgery 99% of the time. All advanced second trimester and late term pregnancies at our Tampa clinic (17 to 24 weeks or greater) can be completed within 24 hours or less 99% of the time without the need surgery. The procedure is completed with minimal to no complications. Our Women's Health Center located in Abu Dhabi, United Arab Emirates, uses the latest medications for medical abortions (RU-486, Mifeprex, Mifegyne, Mifepristone, early options French abortion pill), Methotrexate and Cytotec (Misoprostol). The safety standards of our Abu Dhabi, United Arab Emirates Abortion Doctors remain unparalleled. They consistently maintain the lowest complication rates throughout the nation. Our Physicians and staff are always available to answer questions and care for women in one of the most difficult times in their lives. The decision to have an abortion at the Abortion Cl

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...

?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...

Neo4j

This presentations targets students or working professionals. You may know Google for search, YouTube, Android, Chrome, and Gmail, but did you know Google has many developer tools, platforms & APIs? This comprehensive yet still high-level overview outlines the most impactful tools for where to run your code, store & analyze your data. It will also inspire you as to what's possible. This talk is 50 minutes in length.

Powerful Google developer tools for immediate impact! (2023-24 C)

wesley chun

MINDCTI Revenue Release Quarter One 2024

MIND CTI

Building Digital Trust in a Digital Economy Veronica Tan, Director - Cyber Security Agency of Singapore Apidays Singapore 2024: Connecting Customers, Business and Technology (April 17 & 18, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...

apidays

Manulife - Insurer Innovation Award 2024

The Digital Insurer

Top 10 Most Downloaded Games on Play Store in 2024

SynarionITSolutions

Axa Assurance Maroc - Insurer Innovation Award 2024

The Digital Insurer

In this session, we will delve into strategic approaches for optimizing knowledge management within Microsoft 365, amidst the evolving landscape of Copilot. From leveraging automatic metadata classification and permission governance with SharePoint Premium, to unlocking Viva Engage for the cultivation of knowledge and communities, you will gain actionable insights to bolster your organization's knowledge-sharing initiatives. In this session, we will also explore how to facilitate solutions to enable your employees to find answers and expertise within Microsoft 365. You will leave equipped with practical techniques and a deeper understanding of how there is more to effective knowledge management than just enabling Copilot, but building actual solutions to prepare the knowledge that Copilot and your employees can use.

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...

Drew Madelung

2024: Domino Containers - The Next Step. News from the Domino Container commu...

Martijn de Jong

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Product Anonymous

Tata AIG General Insurance Company - Insurer Innovation Award 2024

The Digital Insurer

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

Why Teams call analytics are critical to your entire business

panagenda

MySQL Webinar, presented on the 25th of April, 2024. Summary: MySQL solutions enable the deployment of diverse Database Architectures tailored to specific needs, including High Availability, Disaster Recovery, and Read Scale-Out. With MySQL Shell's AdminAPI, administrators can seamlessly set up, manage, and monitor these solutions, ensuring efficiency and ease of use in their administration. MySQL Router, on the other hand, provides transparent routing from the application traffic to the backend servers in the architectures, requiring minimal configuration. Completely built in-house and supported by Oracle, these solutions have been adopted by enterprises of all sizes for their business-critical applications. In this presentation, we'll delve into various database architecture solutions to help you choose the right one based on your business requirements. Focusing on technical details and the latest features to maximize the potential of these solutions.

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

Miguel Araújo

Scaling API-first – The story of a global engineering organization Ian Reasor, Senior Computer Scientist - Adobe Radu Cotescu, Senior Computer Scientist - Adobe Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

apidays

Dernier (20)

Understanding Discord NSFW Servers A Guide for Responsible Users.pdf

Strategies for Landing an Oracle DBA Job as a Fresher

Artificial Intelligence: Facts and Myths

The 7 Things I Know About Cyber Security After 25 Years | April 2024

A Domino Admins Adventures (Engage 2024)

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...

Powerful Google developer tools for immediate impact! (2023-24 C)

MINDCTI Revenue Release Quarter One 2024

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...

Manulife - Insurer Innovation Award 2024

Top 10 Most Downloaded Games on Play Store in 2024

Axa Assurance Maroc - Insurer Innovation Award 2024

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...

2024: Domino Containers - The Next Step. News from the Domino Container commu...

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Tata AIG General Insurance Company - Insurer Innovation Award 2024

Why Teams call analytics are critical to your entire business

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

The Thick Front-End

1. AngularJS Mountain View The Thick Front-End Jeff Dickey @dickeyxxx http://dickey.xxx/

2. Agenda • Why we need a Thick-Client • How I’ve written JavaScript in the past • How I architect new applications

3. This talk is about why, not what

4. Carbon Five

10.

11. Rails is amazing • Apps are easy to build • We test everything • Easy to deploy • Packages everything for you

12. However applications require more interactivity now • Automatic refresh (notiﬁcations) • Animations • Fast editing • More speed

13. JavaScript and Rails are at odds with each other. • JavaScript is hard to test. • No structure is given for JavaScript. • Turbolinks causes bugs

14. I used to avoid JavaScript whenever possible.

15.

16. Why?

17.

18. Browsers are a real platform now!

19. Progressive enhancement ruins applications.

20. Why have a Single-page app? • Simple architecture • Insanely fast • Can architect back-end separately • Free API! • State lives in the client

21. If the web came out tomorrow…

22. Generating code intended to be executed by the client would be insane.

23. Browsers are smart now. Let’s architect for that.

24. Demo time.

25. Single-page app not without problems • 2 projects, new workﬂow • Initial page-load performance • SEO

26. There are solutions • BromBone • Prerender (phantomjs) • render_static gem (selenium) • escape_fragment

27. Marketers should not dictate how we architect.

28. Tooling is available!

29. Grunt • Compile SASS • Minify CSS/JS • Shrink .png • Test front-end • Automate deployments

30. Bower • Front-end package manager • Like rubygems, brew or package control in Sublime • Unobtrusive. Really simple.

31.

32. Summary • The way we build applications is dated • The web is now ready for Thick-Client apps • Thick Clients make architecture simple

33. Browsers are smart now. Treat them like it. @dickeyxxx

The Thick Front-End

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (19)

Similaire à The Thick Front-End

Similaire à The Thick Front-End (20)

Dernier

Dernier (20)

The Thick Front-End