[DevDay2019] JAM Stack - By Ngo Thi Ni, Web Developer at Agility IO

•

0 gostou•206 visualizações

JAM Stack is modern web development architecture based on client-side JavaScript, reusable APIs, an prebuilt Markup. You can check it here: jamstack.org

Tecnologia

CONTENT MANAGEMENT WITH
GATSBY . CONTENTFUL . NETLIFY
SPEAKER: NI NGO

AUDIENCE
Students/developers who knows
about web, static page but be new
to JAM Stack.

1. All about JAM Stack
2. Sample Stacks
3. Demo
4. Q&A
AGENDA

“According to statistics From 40,000+
WordPress Websites in Alexa Top 1 Million,
more than 70% of WordPress installations are
vulnerable to hacker attacks.”
– EnableSecurity
4

Modern web development architecture
based on client-side JavaScript,
reusable APIs, and prebuilt Markup.
JAM STACK
7

● Better performance.
● Higher security.
● Cheaper, easier scaling.
● Better developer experience.
WHY USE IT?
10

● A site built with a server-side CMS.
● The single page is kind of server
rendering (isomorphic).
● The page that contains architecture all
in one piece (monolithic).
WHEN NOT USING JAM?
11

WHO USE IT?
https://serverless.com/
https://www.smashingmagazine.com/
https://lodash.com/
12

● Entire site on a CDN
● Atomic Deploys
● Instant Cache Invalidation
● Everything lives in Git
● Automated Builds
BEST PRACTICES
13

DATA SOURCES
BUILD
DEPLOY
Powered by GraphQL
HTML - CSS - REACT
CMS, Markdown,
Data,...
Amplify, Netlify,...
GATSBY -WHY & HOW IT WORK?
15

It is a CMS online tool that
allows to create and distribute
content to any platform.
CONTENTFUL - WHAT IS IT?
16

● It is a great hosting service
ideal for static sites.
● Has a nice free plan, free CDN
● It is blazing fast.
NETLIFY - WHAT IS IT?
17

CMS
BUILD
CDN
Contentful
Graphql Gatsby
Netlify
HOW THEY WORK?
Fetch
content
W
ebhook
Deploy
Client
Request
18

DEMO
Live: https://jam-stack-devday.netlify.com/
Source: https://github.com/ningo-agilityio/jam-stack

REFERENCES
● https://jamstack.org/
● https://gatsbyjs.org
● https://contentful.com
● http://netlify.com
20

Mais conteúdo relacionado

Mais procurados

Strapi Meetup Presentation

Strapi

Progressive Web App - Jeff Burtoft at microsoft zaventem 03-10-2016

Maxime Czetwertynski

Introduction to Progressive Web Apps (PWA)

Sandip Nirmal

JavaScript in Universal Windows Platform apps

Timmy Kokke

SambaStream Minibar Presentation - Using Open Source in SaaS

Samba Team

Progressive Web Apps

Yatendrasinh Joddha

Introduction to webassembly

Gabriele Falasca

“Progressive Web Apps (PWAs) are web applications that load like regular web pages or websites but can offer the user functionality such as working offline, push notifications, and device hardware access traditionally available only to native mobile applications. PWAs are an emerging technology that combine the open standards of the web offered by modern browsers to provide benefits of a rich mobile experience”

Progressive Web App

SaleemMalik52

The JAMStack (Javascript, APIs, Markup).

Michael Brooks

JAMstack

Tomasz Bak

How to choose frontend (head) for headless commerce.

Aureate Labs

Building SPAs with AngularJS

Cezar Carneiro

WebSite development using WinJS

Alexandre Marreiros

Progressive Web App (feat. React, Django)

Yurim Jin

JAMstack with gatsby, contentful and netlify aka the dream stack

zonathen

Web App Audit Ppt

Aung Khant

Alex Russell Software Engineer, Google at Fastly Altitude 2016 New browser technologies are arriving that are poised to change user and developer expectations of what’s possible on the web; particularly on slow mobile devices with flaky connections. This talk discusses how these new technologies – Service Workers, Progressive Web Apps, HTTP/2, Push, Notifications, and Web Components are being combined, e.g. in the new PRPL pattern, to transform user experiences while improving business results.

Progressive web apps

Fastly

PWA - Progressive Web App

Laravel Poland MeetUp

Rails-like Asp.Net Development Shared

curtismitchell

Mais procurados (19)

Strapi Meetup Presentation

Progressive Web App - Jeff Burtoft at microsoft zaventem 03-10-2016

Introduction to Progressive Web Apps (PWA)

JavaScript in Universal Windows Platform apps

SambaStream Minibar Presentation - Using Open Source in SaaS

Progressive Web Apps

Introduction to webassembly

Progressive Web App

The JAMStack (Javascript, APIs, Markup).

JAMstack

How to choose frontend (head) for headless commerce.

Building SPAs with AngularJS

WebSite development using WinJS

Progressive Web App (feat. React, Django)

JAMstack with gatsby, contentful and netlify aka the dream stack

Web App Audit Ppt

Progressive web apps

PWA - Progressive Web App

Rails-like Asp.Net Development Shared

Semelhante a [DevDay2019] JAM Stack - By Ngo Thi Ni, Web Developer at Agility IO

Over four year of experience in Full Stack Web Development using JAVA. Worked on all phases of development life cycle including Analysis, Design Development, Testing, Implementation and Support Excellent web application development skills. Expert in developing Muti-Tier Web application using JAVA, J2EE Standards, JSP, Spring, Hibernate, Servlets, JSF, JDBC, Core JAVA, XML, HTML, AJAX and JAVA Script. Experience in deploying the application, and configuring the application servers like Tomcat and Web Logic. Implemented Connectivity to databases using JDBC API from Servlet and JSP and also through ORM Libraries like Hibernate. Created Mappings for both one-one as well as many-one mappings to Tables as well as Views. Experienced in MYSQL, DB2 and Microsoft SQL server. Experienced n design and implementation of projects using concepts of Multi Threading, Singletons, Serialization, Atomicity as well as familiar with JVM Internals. Implements MVC architecture using STRUTS. Uses MVC, Singleton, DAO, Factory, Service, Locator, Business Delegate, Façade design patterns. Is a versatile team player with good analytical, communication and interpersonalskills.

Curriculum vitae of nguyen hai quy

Hai Quy Nguyen

Java Development Company | Xicom

RyanForeman5

SYED_PHPMYSQL_CV

Naser Syed

A Complete Guide on MEAN Stack for Beginners

Manvi Narvey

Adetunji's resume

Adetunji Alabi

Be project ppt asp.net

Sanket Jagare

Eric Schoonhoven Resume

Eric Schoonhoven

Volga Tigris Digital Marketing Agency, a leading web development company and web development agency in Dubai, specializes in unleashing the potential of SPAs. With their extensive expertise, they create stunning, responsive, and lightning-fast web applications that offer exceptional user experiences. Trust Volga Tigris to elevate your online presence with innovative SPAs, delivering unmatched performance, interactivity, and user engagement. Experience the power of SPAs with the industry leaders in Dubai's digital landscape. Visit:https://www.volgatigris.com/web-development-company-dubai

The Power of Single-Page Applications (SPAs) - Volga Tigris

ClaraM27

Introduction to Web Frameworks

Sarika Jadhav

Santosh_Resume_Java

SANTOSH PATTNAIK

The volume of JavaScript used on the web is growing, yet a single, poorly written line of code has the potential to break an entire website, frustrating users and driving away potential customers. AKQA have been working over many years to find a set of steps to follow during development to ensure only the highest-quality code gets released. Join Den Odell, Head of Web Development at AKQA, as he presents the seven steps that will improve the quality of any JavaScript project, leaving code easier to manage and letting users browse without frustration.

Seven Steps To Better JavaScript

Den Odell

Single Page Application (SPA): A Comprehensive Guide for Beginners

Inexture Solutions

Isomorphic web application

Oliver N

Know everything right from gaining erudition about exploring the future prospects of the Progressive Web Apps. We’re here to make you familiar with: - The global impact of PWAs on mobile commerce - The way CedCommerce is increasing the scope of Magento PWA Studio - Exploring the future prospects of PWA - Ways to increase the conversion rates using PWA These features will benefit the eCommerce merchants, and the customers as well. Click To Watch Our Full Webinar Here: http://bit.ly/2LtLLSz

[Webinar] Expanding future mobile commerce with Magento PWA Studio

CedCommerce

Javascript 01 (js)

AbhishekMondal42

vue-storefront - PWA eCommerce for Magento2 MM17NYC presentation

Divante

Web app development is another buzz in the market, and many companies or businesses admire this new way to reach more audiences and enjoy more benefits. While developing interactive and robust web apps for frontend and backend, you might have heard the term ‘web frameworks’ many times. Right? Web frameworks play a crucial role in web app development and creating online platforms. Talking specifically about the backend framework, it is suitable enough to ensure better scalability and high performance. Well, there is a high possibility you want to delve more into this topic. Therefore, we have covered some popular backend frameworks utilized in web application development.

5 Powerful Backend Frameworks for Web App Development in 2022

75waytechnologies

Dynamic Website Designing Company in Delhi NCR Dynamic website Designers

MambaSoftwares

Explore new tech innovations and businesses to empower people! The Internet of Things (IoT) is a vision gaining greater momentum to make the world around us smarter and more interactive. Whether it’s for intelligent homes, autonomous manufacturing, or smart cities, IoT computing is bringing embedded devices, machine-to-machine (M2M) technologies, intelligent systems, smartcards, and other secure endpoints into our everyday life. Advancements in the Java platform are driving and supporting expanded application capabilities for the IoT vision. Java technologies provide an ideal platform for applications in emerging edge environments such as robotics, smartcards, home gateways, telehealth devices, industrial automation, and vehicles.

Java and the Internet of Things

Paul Dao

Alexander Zeng

Alex Zeng

Semelhante a [DevDay2019] JAM Stack - By Ngo Thi Ni, Web Developer at Agility IO (20)

Curriculum vitae of nguyen hai quy

Java Development Company | Xicom

SYED_PHPMYSQL_CV

A Complete Guide on MEAN Stack for Beginners

Adetunji's resume

Be project ppt asp.net

Eric Schoonhoven Resume

The Power of Single-Page Applications (SPAs) - Volga Tigris

Introduction to Web Frameworks

Santosh_Resume_Java

Seven Steps To Better JavaScript

Single Page Application (SPA): A Comprehensive Guide for Beginners

Isomorphic web application

[Webinar] Expanding future mobile commerce with Magento PWA Studio

Javascript 01 (js)

vue-storefront - PWA eCommerce for Magento2 MM17NYC presentation

5 Powerful Backend Frameworks for Web App Development in 2022

Dynamic Website Designing Company in Delhi NCR Dynamic website Designers

Java and the Internet of Things

Alexander Zeng

Mais de DevDay.org

Lean UX helps teams build the minimal product necessary to validate risky assumptions and minimize the time to market with the right product. On this lecture, Lean UX principles and its value to the product cycle will be introduced. Also, the methods and tools that will help you get feedback from users and learn rapidly will be discussed. This session is geared towards those who are interested in UX but have no much experience, those looking for new methods to improve their current product processes, and anyone interested in design, business, and user centered design.

[DevDay2019] Lean UX - By Bryant Castro, Bryant Castro at Wizeline

DevDay.org

[DevDay2019] Why you'll lose without UX Design - By Szilard Toth, CTO at e·pi...

DevDay.org

[DevDay2019] Things i wish I knew when I was a 23-year-old Developer - By Chr...

DevDay.org

[DevDay2019] Designing design teams - Christopher Nguyen, UX Manager at Wizeline

DevDay.org

[DevDay2019] Growth Hacking - How to double the benefits of your startup with...

DevDay.org

Collaboration and open communication tend to be categorized as “soft skills” and are often overlooked in organizations. In this session, he is going to discuss how to develop an effective strategy in bridging the gap between product, design, and engineering teams. He will also share some tips for including developers in different stages of design — from planning features to usability testing.

[DevDay2019] Collaborate or die: The designers’ guide to working with develop...

DevDay.org

Artificial intelligence (AI) has been changing the way software is tested and how humans interact with technology. AI predicts, prevents and automates the entire process of testing using algorithms. It will not only support and improve the models and test cases but also provide more sophisticated and refined form of text recognition and better code generators. Using AI will help to save time for testing and ensure a better quality software.

[DevDay2019] How AI is changing the future of Software Testing? - By Vui Nguy...

DevDay.org

[DevDay2019] Hands-on Machine Learning on Google Cloud Platform - By Thanh Le...

DevDay.org

[DevDay2019] Micro Frontends Architecture - By Thang Pham, Senior Software En...

DevDay.org

Test Automation is becomming a MUST in software development life cycle now. DevOps has been an emerging trend, and it's no longer new. Remebering the old days, when you have to stand-up the test servers, get the builds from developers, deploy it, start-up agent machines, run your tests, collect reports, shutdown all resources you have just started, and spend days to analyze the failures. Now it's time to bring DevOps into this game and let it streamline all of these processes then you can save your days for other greater jobs of software testing.

[DevDay2019] Power of Test Automation and DevOps combination - One click savi...

DevDay.org

[DevDay2019] How do I test AI models? - By Minh Hoang, Senior QA Engineer at KMS

DevDay.org

[DevDay2019] How to quickly become a Senior Engineer - By Tran Anh Minh, CEO ...

DevDay.org

[Devday2019] Dev start-up - By Le Trung, Founder & CEO at Hifiveplus and Edu...

DevDay.org

[DevDay2019] Web Development In 2019 - A Practical Guide - By Hoang Nhu Vinh,...

DevDay.org

[DevDay2019] Opportunities and challenges for human resources during the digi...

DevDay.org

[DevDay2019] Python Machine Learning with Jupyter Notebook - By Nguyen Huu Th...

DevDay.org

[DevDay2019] Do you dockerize? Are your containers safe? - By Pham Hong Khanh...

DevDay.org

[DevDay2019] Develop a web application with Kubernetes - By Nguyen Xuan Phong...

DevDay.org

[DevDay2019] Paradigm shift towards effective Scrum - By Tam Doan, Agile Coac...

DevDay.org

[DevDay2019] Layering GraphQL on top of existing infrastructure - By Phan Tha...

DevDay.org

Mais de DevDay.org (20)