Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Building "The Loop" (Introduction to Frontend D...
Search
Ire Aderinokun
February 18, 2017
Programming
3
270
Building "The Loop" (Introduction to Frontend Development)
forLoop Covenant University conference
Ire Aderinokun
February 18, 2017
Tweet
Share
More Decks by Ire Aderinokun
See All by Ire Aderinokun
Web Accessibility: It Doesn't Have to Be Hard
ireade
4
1k
Becoming a GDE & Overcoming Stage Fright
ireade
4
440
Web Components: The Future of Web Applications
ireade
6
1.5k
What about CSS? Progressive Enhancement & CSS (Updated)
ireade
4
430
Demystifying Angular Universal
ireade
5
530
Introduction to UI/UX Design
ireade
9
590
Building Modern Progressive Web Apps
ireade
7
1.5k
What about CSS? Progressive Enhancement & CSS
ireade
9
4.1k
Hosting with Firebase
ireade
3
760
Other Decks in Programming
See All in Programming
Shinjuku.rb#95:心の技術書紹介
free_world21
1
110
令和トラベルにおけるLLM活用事例:社内ツール開発から得た学びと実践
ippo012
0
210
The Shape of a Service Object
inem
0
520
o1モデルのプロンプトエンジニアリングって?
ktc_wada
0
260
大公開!iOS開発の悩みトップ5 〜iOSDC Japan 2024〜
ryunakayama
0
190
Findy - エンジニア向け会社紹介 / Findy Letter for Engineers
findyinc
4
90k
Scala アプリケーションのビルドを改善してデプロイ時間を 1/4 にした話 | How I improved the build of my Scala application and reduced deployment time by 4x
nomadblacky
1
180
マルチモジュールにおけるテスト最適化
fxwx23
0
210
オートマトン学習しろ / Do automata learning
makenowjust
3
130
From Idea to IDE: Developing Plugins for Android Studio
thisaay
1
220
Kotlin 2.0が与えるAndroid開発の進化
masayukisuda
1
410
rails_girls_is_my_gate_to_join_the_ruby_commuinty
maimux2x
0
200
Featured
See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
29
2.6k
The World Runs on Bad Software
bkeepers
PRO
64
11k
Principles of Awesome APIs and How to Build Them.
keavy
125
16k
VelocityConf: Rendering Performance Case Studies
addyosmani
322
23k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
27
7.4k
The Straight Up "How To Draw Better" Workshop
denniskardys
230
130k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
225
22k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.2k
GitHub's CSS Performance
jonrohan
1030
450k
StorybookのUI Testing Handbookを読んだ
zakiyama
26
5.1k
Embracing the Ebb and Flow
colly
83
4.4k
Intergalactic Javascript Robots from Outer Space
tanoku
268
26k
Transcript
Building “The Loop”: Frontend forLoop Covenant University Ire Aderinokun
Hello! • Ire Aderinokun • UI/UX Designer and Front- End
Developer • Blogger at bitsofco.de • Head of Technology at Big Cabal • Google Expert in Web Technologies
What We’ll Cover • Introduction to Markup and Styling •
Introduction Frontend Frameworks • Building “The Loop”
Introduction to Markup & Styling
None
None
What is HTML? HTML (Hyper Text Markup Language) is structure
of Web Pages. HTML elements define the content that is represented on any page.
<p> Hello, world! </p> Opening Tag Closing Tag Content
None
Some HTML Elements Element Description <html> Sets the page as
an HTML page <h1>, <h2>, … <h6> Heading <p> Paragraph <footer> Footer <a> Link (anchor) <input> Text Input Field <div> General Purpose Element
What is CSS? CSS (Cascading Style Sheets) describes how HTML
elements are to be displayed.
p { font-size: red; } Selector Value Property
None
Some CSS Properties Element Description color Text colour font-size Text
size background Background margin Margin position Position type border Border box-shadow Drop Shadow
Introduction to Frontend Frameworks
Why Frontend Frameworks?
None
Building “The Loop”
None
Join In! • Install angular-cli using npm • Clone the
starting repository from bit.ly/theloop-fe
The Final Product http://bit.ly/theloop-app
Thank You! @IreAderinokun