4. Have you set-up your
devices?
I really, really, hope you
did. If not, no worries.
Just pay attention.
If you’d like to set it up
in the meantime, scan
the QR code to find the
setup guide.
qrco.de/bboEWC
6. Here’s the plan
Building a
Single Page
Application
with GatsbyJS
Session 1
Building a Iris
Species
Predictor
Session 3
Linear
Regression on
Iris Dataset
with Python
and Scikit-learn
Session 2
6
7. • Learn to break problems into
digestible pieces
• Solve smaller problems
• Build end-to-end solutions by
piecing solutions together
• Profit!
Why?
8. Multi-page applications vs. Single-page applications
8
MPA
• Traditional web applications
• Every interaction reloads the
webpage
• Usually larger in size and
codebase
SPA
• Simple web applications
• Interactions do not reload the
webpage
• Usually much smaller in size
9. Document Object
Model (DOM)
9
● API for HTML and XML Documents
● Comprises of HTML Nodes structured
like a tree
● Complete DOM is re-rendered when
any of the elements change
10. Virtual DOM
10
● Only updated parts of the page are
re-rendered
● Improves performance of web
application
● Used by libraries such as React and
Vue
