SlideShare a Scribd company logo
picture
JULY
2020
WEB DEVELOPMENT
the big
fullstack dev
Aremu Oluwagbamila (SMOG)
Making “MAD User Interfaces” come alive
at FourthCanvas, Sharing tips and stories
on web development at web-boss
ex-designer
Designers and anyone
interested in switching
careers to web dev
Who is this talk for?
Total noobs
WEBSITES
vs
WEBSITES
Duration: 6hrs (June, 2020)
CASE STUDY 1: DearDesigner Mentorship (mentorship.deardesigner.xyz)
Duration: 6months (January - July, 2020)
CASE STUDY 2: Tiantia (tiantiafoods.com)
Basic web terms you should know
Domain
This the name of a website (e.g
fourthcanvas.co,web-boss.com.ng)
Hosting
Your files, images, videos, etc stays on a
server(host) - the process is hosting
Frontend
The parts of a website you can see
and interact with
Backend
Everything that happens behind the scene
(database, server connection, etc)
Content Management System (CMS)
A content management system is a software application that can be used to
manage the creation and modification of digital content
WEBSITESWEBSITES
Built with Page Builders and Con-
tent Management Systems like
Wordpress, Webflow, Wix
Built with sorrow, blood and tears
(I mean codes: Frontend, Back-
end, etc)
There is limit to the kind of web-
site you can build - mainly in
terms of functionality though
You can build any kind of web-
site you want (I prefer to call
these kind of website products)
Relatively low learning curve: you
can learn how to use a tool like
Wordpress, Webflow in like a
month or so
Relatively high-learning curve as
you will see in the roadmap we
will go through later on - TBH, the
learning never really ends. Read
story on web-boss.com.ng
wordpress
in 2020?
Not neccessarily but a no-code approach
such as Wordpress, Webflow is actually
a tangible skill have.
Here is what I mean
More websites will be
built in the future without
touching a single line
of code
The code approaches are getting better and will
only get better - there was a time platforms like WordPress
were only content-driven without any preference to design
(i.e you just slap your contents on a theme)
I have being building
websites for over 5years
and I have made more
money with Wordpress
I have built these using this approach
fourthcanvas.co
training.illumania.org
do-it.com.ng
mentorship.deardesigner.xyz
trouveargent.com
any
questions
so far?
roadmap
to becoming
a fullstack
developer
CSS
Frontend
HTML
Javascript React, Vue...
Hypertext Markup Language is
used to create the bony frame-
work of a website.
This is a programming language
for adding interactivity to your
website.
These are Javascript frameworks
intended to make your life easy
while developing websites.
Cascading Stylesheets used to add
colors and format the layout of a
website to make it appealing.
let me
show you
Backend
Frameworks
PHP, NodeJS, Python, Go, etc
Laravel, Express, Django
Database
SQL(MySQL), NoSQL(MongoDB)
Programming Languages
Other things...
Hosting
Version Control
Continuous Integration
Continuous Delivery
The learning never ends, there will be
new frameworks, new approaches, you
must be proactive and ready to learn
Read the story of how
I spent six months to build
a three page website on
www.web-boss.com.ng/blog
My thoughts on becoming a web developer
The no code approaches will get better
and more popular, so will the people who
can use them: will you then be able to charge
well for your services? Yes, if you can sell yourself
Whether you are building from scratch or using
a NO-CODE approach, mastery takes time.
Rehearse, rehearse and rehearse.
Code is Poetry
Further thoughts becoming a web developer
You can’t be richer than the system that pays
you, don’t become a labourer - think of ways
to solve unique problems.
If you want to become a mid-level engineer
or a senior engineer, do what those people
are doing - Prosper Otemuyiwa
Every project is a chance for you to prove
yourself - pay attention!
so... should
designers
learn how
to code?
Absolutely NO
That’s like asking a pharmacist to learn surgery,
it’s not their job - they can if they like but
honestly, ko necesstri
IG TW @aremu_smog
I will take
any other
questions now
thank
you
picture
JULY
2020
WEB DEVELOPMENT
the big

More Related Content

What's hot

Future Fit courses
Future Fit coursesFuture Fit courses
Future Fit courses
rlabsza
 
The art of website layout
The art of website layoutThe art of website layout
The art of website layout
milika866666
 
Front end development session1
Front end development session1Front end development session1
Front end development session1
marwa Ayad Mohamed
 
Ppt full stack developer
Ppt full stack developerPpt full stack developer
Ppt full stack developer
SudhirVarpe1
 
Fronted development trends - past, present and the future
Fronted development trends - past, present and the futureFronted development trends - past, present and the future
Fronted development trends - past, present and the future
Harijs Deksnis
 
Get Started with JavaScript Frameworks
Get Started with JavaScript FrameworksGet Started with JavaScript Frameworks
Get Started with JavaScript Frameworks
Christian Gaetano
 
Word press beirut 19th meetup January 2019
Word press beirut 19th meetup   January 2019Word press beirut 19th meetup   January 2019
Word press beirut 19th meetup January 2019
Fadi Nicolas Zahhar
 
Front end developer responsibilities what does a front-end developer do?
Front end developer responsibilities  what does a front-end developer do?Front end developer responsibilities  what does a front-end developer do?
Front end developer responsibilities what does a front-end developer do?
Katy Slemon
 
Full-Stack Development
Full-Stack DevelopmentFull-Stack Development
Full-Stack Development
Dhilipsiva DS
 
How To be a Backend developer
How To be a Backend developer    How To be a Backend developer
How To be a Backend developer
Ramy Hakam
 
Sandeep Chauhan | Top java script frameworks in 2020
Sandeep Chauhan | Top java script frameworks in 2020Sandeep Chauhan | Top java script frameworks in 2020
Sandeep Chauhan | Top java script frameworks in 2020
Sandeep Chauhan
 
Vidula_Vijayrao_Darekar
Vidula_Vijayrao_DarekarVidula_Vijayrao_Darekar
Vidula_Vijayrao_Darekar
Vidula Darekar
 
Top 8 Tools To Optimize Your Work Day!
Top 8 Tools To Optimize Your Work Day!Top 8 Tools To Optimize Your Work Day!
Top 8 Tools To Optimize Your Work Day!
Manny Sarmiento
 
WordCamp Mumbai 2017: How to get more involved with WordPress
WordCamp Mumbai 2017: How to get more involved with WordPressWordCamp Mumbai 2017: How to get more involved with WordPress
WordCamp Mumbai 2017: How to get more involved with WordPress
Rocío Valdivia
 
Word press beyond websites toronto
Word press  beyond websites torontoWord press  beyond websites toronto
Word press beyond websites toronto
wcto2017
 
Resume - Thomas McKyer
Resume - Thomas McKyerResume - Thomas McKyer
Resume - Thomas McKyer
ThomasMcKyer
 
Arunmanikumar Document 14 Days
Arunmanikumar Document 14 DaysArunmanikumar Document 14 Days
Arunmanikumar Document 14 Days
Home
 
Intro to wordpress short course
Intro to wordpress short courseIntro to wordpress short course
Intro to wordpress short course
carishurd
 
Learn WordPress - Live Session 1 Slides
Learn WordPress - Live Session 1 SlidesLearn WordPress - Live Session 1 Slides
Learn WordPress - Live Session 1 Slides
Ahmed Mohammed Nagdy
 
Importance of Content Writing & Marketing for Plugin Developers
Importance of Content Writing & Marketing for Plugin DevelopersImportance of Content Writing & Marketing for Plugin Developers
Importance of Content Writing & Marketing for Plugin Developers
Vishal Kothari
 

What's hot (20)

Future Fit courses
Future Fit coursesFuture Fit courses
Future Fit courses
 
The art of website layout
The art of website layoutThe art of website layout
The art of website layout
 
Front end development session1
Front end development session1Front end development session1
Front end development session1
 
Ppt full stack developer
Ppt full stack developerPpt full stack developer
Ppt full stack developer
 
Fronted development trends - past, present and the future
Fronted development trends - past, present and the futureFronted development trends - past, present and the future
Fronted development trends - past, present and the future
 
Get Started with JavaScript Frameworks
Get Started with JavaScript FrameworksGet Started with JavaScript Frameworks
Get Started with JavaScript Frameworks
 
Word press beirut 19th meetup January 2019
Word press beirut 19th meetup   January 2019Word press beirut 19th meetup   January 2019
Word press beirut 19th meetup January 2019
 
Front end developer responsibilities what does a front-end developer do?
Front end developer responsibilities  what does a front-end developer do?Front end developer responsibilities  what does a front-end developer do?
Front end developer responsibilities what does a front-end developer do?
 
Full-Stack Development
Full-Stack DevelopmentFull-Stack Development
Full-Stack Development
 
How To be a Backend developer
How To be a Backend developer    How To be a Backend developer
How To be a Backend developer
 
Sandeep Chauhan | Top java script frameworks in 2020
Sandeep Chauhan | Top java script frameworks in 2020Sandeep Chauhan | Top java script frameworks in 2020
Sandeep Chauhan | Top java script frameworks in 2020
 
Vidula_Vijayrao_Darekar
Vidula_Vijayrao_DarekarVidula_Vijayrao_Darekar
Vidula_Vijayrao_Darekar
 
Top 8 Tools To Optimize Your Work Day!
Top 8 Tools To Optimize Your Work Day!Top 8 Tools To Optimize Your Work Day!
Top 8 Tools To Optimize Your Work Day!
 
WordCamp Mumbai 2017: How to get more involved with WordPress
WordCamp Mumbai 2017: How to get more involved with WordPressWordCamp Mumbai 2017: How to get more involved with WordPress
WordCamp Mumbai 2017: How to get more involved with WordPress
 
Word press beyond websites toronto
Word press  beyond websites torontoWord press  beyond websites toronto
Word press beyond websites toronto
 
Resume - Thomas McKyer
Resume - Thomas McKyerResume - Thomas McKyer
Resume - Thomas McKyer
 
Arunmanikumar Document 14 Days
Arunmanikumar Document 14 DaysArunmanikumar Document 14 Days
Arunmanikumar Document 14 Days
 
Intro to wordpress short course
Intro to wordpress short courseIntro to wordpress short course
Intro to wordpress short course
 
Learn WordPress - Live Session 1 Slides
Learn WordPress - Live Session 1 SlidesLearn WordPress - Live Session 1 Slides
Learn WordPress - Live Session 1 Slides
 
Importance of Content Writing & Marketing for Plugin Developers
Importance of Content Writing & Marketing for Plugin DevelopersImportance of Content Writing & Marketing for Plugin Developers
Importance of Content Writing & Marketing for Plugin Developers
 

Similar to Web Development: The Big Picture

Leverage Your Online Web Presence
Leverage Your Online Web PresenceLeverage Your Online Web Presence
Leverage Your Online Web Presence
Susan Boone
 
Web Development.pdf
Web Development.pdfWeb Development.pdf
Web Development.pdf
Honey Monsoon
 
Web Development.pdf
Web Development.pdfWeb Development.pdf
Web Development.pdf
Honey Monsoon
 
How to Learn Web Designing Step by Step From Basics in 2018
How to Learn Web Designing Step by Step From Basics in 2018How to Learn Web Designing Step by Step From Basics in 2018
How to Learn Web Designing Step by Step From Basics in 2018
Noor Muhammad Khan
 
Progressive Enhancement
Progressive EnhancementProgressive Enhancement
Progressive Enhancement
Dan Sagisser
 
Front End Lecture 1.pptx
Front End Lecture 1.pptxFront End Lecture 1.pptx
Front End Lecture 1.pptx
malise2997
 
UI Web Development.pptx
UI Web Development.pptxUI Web Development.pptx
UI Web Development.pptx
SHAIKIRFAN715544
 
Roadmap to Become a Pro in MERN Stack Development
Roadmap to Become a Pro in MERN Stack DevelopmentRoadmap to Become a Pro in MERN Stack Development
Roadmap to Become a Pro in MERN Stack Development
75waytechnologies
 
Frontend java devl
Frontend java devlFrontend java devl
Frontend java devl
Nitin Cunha
 
Web Design & UI/UX Bootcamp [Online & Offline] In Bangla
Web Design & UI/UX Bootcamp [Online & Offline] In BanglaWeb Design & UI/UX Bootcamp [Online & Offline] In Bangla
Web Design & UI/UX Bootcamp [Online & Offline] In Bangla
Stack Learner
 
syllabas-mohamedelzanty
syllabas-mohamedelzantysyllabas-mohamedelzanty
syllabas-mohamedelzanty
Mohamed Elzanaty
 
10 Ideas To Make Your Website Look Nicer | Keyideas Infotech
10 Ideas To Make Your Website Look Nicer | Keyideas Infotech10 Ideas To Make Your Website Look Nicer | Keyideas Infotech
10 Ideas To Make Your Website Look Nicer | Keyideas Infotech
Keyideas Infotech Private Limited
 
Web Designing Course in Panchkula
Web Designing Course in PanchkulaWeb Designing Course in Panchkula
Web Designing Course in Panchkula
Webtech Learning
 
We
WeWe
We
anku3
 
Presentation 5 (1).pptx
Presentation 5 (1).pptxPresentation 5 (1).pptx
Presentation 5 (1).pptx
NehaSingh348136
 
Bootstrap 4 Online Training Course Book Sample
Bootstrap 4 Online Training Course Book SampleBootstrap 4 Online Training Course Book Sample
Bootstrap 4 Online Training Course Book Sample
Bootstrap Creative
 
HTML5- The Boosting Era of Web Development
HTML5- The Boosting Era of Web DevelopmentHTML5- The Boosting Era of Web Development
HTML5- The Boosting Era of Web Development
MobilePundits
 
kngtcd hvfgzb hvfgx vcdz gfrse gcreaqc hgtyev
kngtcd hvfgzb hvfgx vcdz gfrse gcreaqc hgtyevkngtcd hvfgzb hvfgx vcdz gfrse gcreaqc hgtyev
kngtcd hvfgzb hvfgx vcdz gfrse gcreaqc hgtyev
mithleshkumar1952000
 
Responsive Web Design Tutorial PDF for Beginners
Responsive Web Design Tutorial PDF for BeginnersResponsive Web Design Tutorial PDF for Beginners
Responsive Web Design Tutorial PDF for Beginners
Bootstrap Creative
 
Responsive web design
Responsive web designResponsive web design
Responsive web design
Metatagg Solutions
 

Similar to Web Development: The Big Picture (20)

Leverage Your Online Web Presence
Leverage Your Online Web PresenceLeverage Your Online Web Presence
Leverage Your Online Web Presence
 
Web Development.pdf
Web Development.pdfWeb Development.pdf
Web Development.pdf
 
Web Development.pdf
Web Development.pdfWeb Development.pdf
Web Development.pdf
 
How to Learn Web Designing Step by Step From Basics in 2018
How to Learn Web Designing Step by Step From Basics in 2018How to Learn Web Designing Step by Step From Basics in 2018
How to Learn Web Designing Step by Step From Basics in 2018
 
Progressive Enhancement
Progressive EnhancementProgressive Enhancement
Progressive Enhancement
 
Front End Lecture 1.pptx
Front End Lecture 1.pptxFront End Lecture 1.pptx
Front End Lecture 1.pptx
 
UI Web Development.pptx
UI Web Development.pptxUI Web Development.pptx
UI Web Development.pptx
 
Roadmap to Become a Pro in MERN Stack Development
Roadmap to Become a Pro in MERN Stack DevelopmentRoadmap to Become a Pro in MERN Stack Development
Roadmap to Become a Pro in MERN Stack Development
 
Frontend java devl
Frontend java devlFrontend java devl
Frontend java devl
 
Web Design & UI/UX Bootcamp [Online & Offline] In Bangla
Web Design & UI/UX Bootcamp [Online & Offline] In BanglaWeb Design & UI/UX Bootcamp [Online & Offline] In Bangla
Web Design & UI/UX Bootcamp [Online & Offline] In Bangla
 
syllabas-mohamedelzanty
syllabas-mohamedelzantysyllabas-mohamedelzanty
syllabas-mohamedelzanty
 
10 Ideas To Make Your Website Look Nicer | Keyideas Infotech
10 Ideas To Make Your Website Look Nicer | Keyideas Infotech10 Ideas To Make Your Website Look Nicer | Keyideas Infotech
10 Ideas To Make Your Website Look Nicer | Keyideas Infotech
 
Web Designing Course in Panchkula
Web Designing Course in PanchkulaWeb Designing Course in Panchkula
Web Designing Course in Panchkula
 
We
WeWe
We
 
Presentation 5 (1).pptx
Presentation 5 (1).pptxPresentation 5 (1).pptx
Presentation 5 (1).pptx
 
Bootstrap 4 Online Training Course Book Sample
Bootstrap 4 Online Training Course Book SampleBootstrap 4 Online Training Course Book Sample
Bootstrap 4 Online Training Course Book Sample
 
HTML5- The Boosting Era of Web Development
HTML5- The Boosting Era of Web DevelopmentHTML5- The Boosting Era of Web Development
HTML5- The Boosting Era of Web Development
 
kngtcd hvfgzb hvfgx vcdz gfrse gcreaqc hgtyev
kngtcd hvfgzb hvfgx vcdz gfrse gcreaqc hgtyevkngtcd hvfgzb hvfgx vcdz gfrse gcreaqc hgtyev
kngtcd hvfgzb hvfgx vcdz gfrse gcreaqc hgtyev
 
Responsive Web Design Tutorial PDF for Beginners
Responsive Web Design Tutorial PDF for BeginnersResponsive Web Design Tutorial PDF for Beginners
Responsive Web Design Tutorial PDF for Beginners
 
Responsive web design
Responsive web designResponsive web design
Responsive web design
 

Recently uploaded

办理毕业证(NYU毕业证)纽约大学毕业证成绩单官方原版办理
办理毕业证(NYU毕业证)纽约大学毕业证成绩单官方原版办理办理毕业证(NYU毕业证)纽约大学毕业证成绩单官方原版办理
办理毕业证(NYU毕业证)纽约大学毕业证成绩单官方原版办理
uehowe
 
Gen Z and the marketplaces - let's translate their needs
Gen Z and the marketplaces - let's translate their needsGen Z and the marketplaces - let's translate their needs
Gen Z and the marketplaces - let's translate their needs
Laura Szabó
 
办理新西兰奥克兰大学毕业证学位证书范本原版一模一样
办理新西兰奥克兰大学毕业证学位证书范本原版一模一样办理新西兰奥克兰大学毕业证学位证书范本原版一模一样
办理新西兰奥克兰大学毕业证学位证书范本原版一模一样
xjq03c34
 
Understanding User Behavior with Google Analytics.pdf
Understanding User Behavior with Google Analytics.pdfUnderstanding User Behavior with Google Analytics.pdf
Understanding User Behavior with Google Analytics.pdf
SEO Article Boost
 
Discover the benefits of outsourcing SEO to India
Discover the benefits of outsourcing SEO to IndiaDiscover the benefits of outsourcing SEO to India
Discover the benefits of outsourcing SEO to India
davidjhones387
 
制作毕业证书(ANU毕业证)莫纳什大学毕业证成绩单官方原版办理
制作毕业证书(ANU毕业证)莫纳什大学毕业证成绩单官方原版办理制作毕业证书(ANU毕业证)莫纳什大学毕业证成绩单官方原版办理
制作毕业证书(ANU毕业证)莫纳什大学毕业证成绩单官方原版办理
cuobya
 
留学学历(UoA毕业证)奥克兰大学毕业证成绩单官方原版办理
留学学历(UoA毕业证)奥克兰大学毕业证成绩单官方原版办理留学学历(UoA毕业证)奥克兰大学毕业证成绩单官方原版办理
留学学历(UoA毕业证)奥克兰大学毕业证成绩单官方原版办理
bseovas
 
7 Best Cloud Hosting Services to Try Out in 2024
7 Best Cloud Hosting Services to Try Out in 20247 Best Cloud Hosting Services to Try Out in 2024
7 Best Cloud Hosting Services to Try Out in 2024
Danica Gill
 
重新申请毕业证书(RMIT毕业证)皇家墨尔本理工大学毕业证成绩单精仿办理
重新申请毕业证书(RMIT毕业证)皇家墨尔本理工大学毕业证成绩单精仿办理重新申请毕业证书(RMIT毕业证)皇家墨尔本理工大学毕业证成绩单精仿办理
重新申请毕业证书(RMIT毕业证)皇家墨尔本理工大学毕业证成绩单精仿办理
vmemo1
 
假文凭国外(Adelaide毕业证)澳大利亚国立大学毕业证成绩单办理
假文凭国外(Adelaide毕业证)澳大利亚国立大学毕业证成绩单办理假文凭国外(Adelaide毕业证)澳大利亚国立大学毕业证成绩单办理
假文凭国外(Adelaide毕业证)澳大利亚国立大学毕业证成绩单办理
cuobya
 
办理毕业证(UPenn毕业证)宾夕法尼亚大学毕业证成绩单快速办理
办理毕业证(UPenn毕业证)宾夕法尼亚大学毕业证成绩单快速办理办理毕业证(UPenn毕业证)宾夕法尼亚大学毕业证成绩单快速办理
办理毕业证(UPenn毕业证)宾夕法尼亚大学毕业证成绩单快速办理
uehowe
 
可查真实(Monash毕业证)西澳大学毕业证成绩单退学买
可查真实(Monash毕业证)西澳大学毕业证成绩单退学买可查真实(Monash毕业证)西澳大学毕业证成绩单退学买
可查真实(Monash毕业证)西澳大学毕业证成绩单退学买
cuobya
 
Should Repositories Participate in the Fediverse?
Should Repositories Participate in the Fediverse?Should Repositories Participate in the Fediverse?
Should Repositories Participate in the Fediverse?
Paul Walk
 
成绩单ps(UST毕业证)圣托马斯大学毕业证成绩单快速办理
成绩单ps(UST毕业证)圣托马斯大学毕业证成绩单快速办理成绩单ps(UST毕业证)圣托马斯大学毕业证成绩单快速办理
成绩单ps(UST毕业证)圣托马斯大学毕业证成绩单快速办理
ysasp1
 
Explore-Insanony: Watch Instagram Stories Secretly
Explore-Insanony: Watch Instagram Stories SecretlyExplore-Insanony: Watch Instagram Stories Secretly
Explore-Insanony: Watch Instagram Stories Secretly
Trending Blogers
 
Design Thinking NETFLIX using all techniques.pptx
Design Thinking NETFLIX using all techniques.pptxDesign Thinking NETFLIX using all techniques.pptx
Design Thinking NETFLIX using all techniques.pptx
saathvikreddy2003
 
manuaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaal
manuaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaalmanuaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaal
manuaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaal
wolfsoftcompanyco
 
[HUN][hackersuli] Red Teaming alapok 2024
[HUN][hackersuli] Red Teaming alapok 2024[HUN][hackersuli] Red Teaming alapok 2024
[HUN][hackersuli] Red Teaming alapok 2024
hackersuli
 
留学挂科(UofM毕业证)明尼苏达大学毕业证成绩单复刻办理
留学挂科(UofM毕业证)明尼苏达大学毕业证成绩单复刻办理留学挂科(UofM毕业证)明尼苏达大学毕业证成绩单复刻办理
留学挂科(UofM毕业证)明尼苏达大学毕业证成绩单复刻办理
uehowe
 
制作原版1:1(Monash毕业证)莫纳什大学毕业证成绩单办理假
制作原版1:1(Monash毕业证)莫纳什大学毕业证成绩单办理假制作原版1:1(Monash毕业证)莫纳什大学毕业证成绩单办理假
制作原版1:1(Monash毕业证)莫纳什大学毕业证成绩单办理假
ukwwuq
 

Recently uploaded (20)

办理毕业证(NYU毕业证)纽约大学毕业证成绩单官方原版办理
办理毕业证(NYU毕业证)纽约大学毕业证成绩单官方原版办理办理毕业证(NYU毕业证)纽约大学毕业证成绩单官方原版办理
办理毕业证(NYU毕业证)纽约大学毕业证成绩单官方原版办理
 
Gen Z and the marketplaces - let's translate their needs
Gen Z and the marketplaces - let's translate their needsGen Z and the marketplaces - let's translate their needs
Gen Z and the marketplaces - let's translate their needs
 
办理新西兰奥克兰大学毕业证学位证书范本原版一模一样
办理新西兰奥克兰大学毕业证学位证书范本原版一模一样办理新西兰奥克兰大学毕业证学位证书范本原版一模一样
办理新西兰奥克兰大学毕业证学位证书范本原版一模一样
 
Understanding User Behavior with Google Analytics.pdf
Understanding User Behavior with Google Analytics.pdfUnderstanding User Behavior with Google Analytics.pdf
Understanding User Behavior with Google Analytics.pdf
 
Discover the benefits of outsourcing SEO to India
Discover the benefits of outsourcing SEO to IndiaDiscover the benefits of outsourcing SEO to India
Discover the benefits of outsourcing SEO to India
 
制作毕业证书(ANU毕业证)莫纳什大学毕业证成绩单官方原版办理
制作毕业证书(ANU毕业证)莫纳什大学毕业证成绩单官方原版办理制作毕业证书(ANU毕业证)莫纳什大学毕业证成绩单官方原版办理
制作毕业证书(ANU毕业证)莫纳什大学毕业证成绩单官方原版办理
 
留学学历(UoA毕业证)奥克兰大学毕业证成绩单官方原版办理
留学学历(UoA毕业证)奥克兰大学毕业证成绩单官方原版办理留学学历(UoA毕业证)奥克兰大学毕业证成绩单官方原版办理
留学学历(UoA毕业证)奥克兰大学毕业证成绩单官方原版办理
 
7 Best Cloud Hosting Services to Try Out in 2024
7 Best Cloud Hosting Services to Try Out in 20247 Best Cloud Hosting Services to Try Out in 2024
7 Best Cloud Hosting Services to Try Out in 2024
 
重新申请毕业证书(RMIT毕业证)皇家墨尔本理工大学毕业证成绩单精仿办理
重新申请毕业证书(RMIT毕业证)皇家墨尔本理工大学毕业证成绩单精仿办理重新申请毕业证书(RMIT毕业证)皇家墨尔本理工大学毕业证成绩单精仿办理
重新申请毕业证书(RMIT毕业证)皇家墨尔本理工大学毕业证成绩单精仿办理
 
假文凭国外(Adelaide毕业证)澳大利亚国立大学毕业证成绩单办理
假文凭国外(Adelaide毕业证)澳大利亚国立大学毕业证成绩单办理假文凭国外(Adelaide毕业证)澳大利亚国立大学毕业证成绩单办理
假文凭国外(Adelaide毕业证)澳大利亚国立大学毕业证成绩单办理
 
办理毕业证(UPenn毕业证)宾夕法尼亚大学毕业证成绩单快速办理
办理毕业证(UPenn毕业证)宾夕法尼亚大学毕业证成绩单快速办理办理毕业证(UPenn毕业证)宾夕法尼亚大学毕业证成绩单快速办理
办理毕业证(UPenn毕业证)宾夕法尼亚大学毕业证成绩单快速办理
 
可查真实(Monash毕业证)西澳大学毕业证成绩单退学买
可查真实(Monash毕业证)西澳大学毕业证成绩单退学买可查真实(Monash毕业证)西澳大学毕业证成绩单退学买
可查真实(Monash毕业证)西澳大学毕业证成绩单退学买
 
Should Repositories Participate in the Fediverse?
Should Repositories Participate in the Fediverse?Should Repositories Participate in the Fediverse?
Should Repositories Participate in the Fediverse?
 
成绩单ps(UST毕业证)圣托马斯大学毕业证成绩单快速办理
成绩单ps(UST毕业证)圣托马斯大学毕业证成绩单快速办理成绩单ps(UST毕业证)圣托马斯大学毕业证成绩单快速办理
成绩单ps(UST毕业证)圣托马斯大学毕业证成绩单快速办理
 
Explore-Insanony: Watch Instagram Stories Secretly
Explore-Insanony: Watch Instagram Stories SecretlyExplore-Insanony: Watch Instagram Stories Secretly
Explore-Insanony: Watch Instagram Stories Secretly
 
Design Thinking NETFLIX using all techniques.pptx
Design Thinking NETFLIX using all techniques.pptxDesign Thinking NETFLIX using all techniques.pptx
Design Thinking NETFLIX using all techniques.pptx
 
manuaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaal
manuaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaalmanuaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaal
manuaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaal
 
[HUN][hackersuli] Red Teaming alapok 2024
[HUN][hackersuli] Red Teaming alapok 2024[HUN][hackersuli] Red Teaming alapok 2024
[HUN][hackersuli] Red Teaming alapok 2024
 
留学挂科(UofM毕业证)明尼苏达大学毕业证成绩单复刻办理
留学挂科(UofM毕业证)明尼苏达大学毕业证成绩单复刻办理留学挂科(UofM毕业证)明尼苏达大学毕业证成绩单复刻办理
留学挂科(UofM毕业证)明尼苏达大学毕业证成绩单复刻办理
 
制作原版1:1(Monash毕业证)莫纳什大学毕业证成绩单办理假
制作原版1:1(Monash毕业证)莫纳什大学毕业证成绩单办理假制作原版1:1(Monash毕业证)莫纳什大学毕业证成绩单办理假
制作原版1:1(Monash毕业证)莫纳什大学毕业证成绩单办理假
 

Web Development: The Big Picture

  • 2. fullstack dev Aremu Oluwagbamila (SMOG) Making “MAD User Interfaces” come alive at FourthCanvas, Sharing tips and stories on web development at web-boss ex-designer
  • 3. Designers and anyone interested in switching careers to web dev Who is this talk for? Total noobs
  • 4.
  • 6. Duration: 6hrs (June, 2020) CASE STUDY 1: DearDesigner Mentorship (mentorship.deardesigner.xyz)
  • 7. Duration: 6months (January - July, 2020) CASE STUDY 2: Tiantia (tiantiafoods.com)
  • 8. Basic web terms you should know Domain This the name of a website (e.g fourthcanvas.co,web-boss.com.ng) Hosting Your files, images, videos, etc stays on a server(host) - the process is hosting Frontend The parts of a website you can see and interact with Backend Everything that happens behind the scene (database, server connection, etc) Content Management System (CMS) A content management system is a software application that can be used to manage the creation and modification of digital content
  • 9. WEBSITESWEBSITES Built with Page Builders and Con- tent Management Systems like Wordpress, Webflow, Wix Built with sorrow, blood and tears (I mean codes: Frontend, Back- end, etc) There is limit to the kind of web- site you can build - mainly in terms of functionality though You can build any kind of web- site you want (I prefer to call these kind of website products) Relatively low learning curve: you can learn how to use a tool like Wordpress, Webflow in like a month or so Relatively high-learning curve as you will see in the roadmap we will go through later on - TBH, the learning never really ends. Read story on web-boss.com.ng
  • 10. wordpress in 2020? Not neccessarily but a no-code approach such as Wordpress, Webflow is actually a tangible skill have.
  • 11. Here is what I mean More websites will be built in the future without touching a single line of code The code approaches are getting better and will only get better - there was a time platforms like WordPress were only content-driven without any preference to design (i.e you just slap your contents on a theme) I have being building websites for over 5years and I have made more money with Wordpress
  • 12. I have built these using this approach fourthcanvas.co training.illumania.org do-it.com.ng mentorship.deardesigner.xyz trouveargent.com
  • 15. CSS Frontend HTML Javascript React, Vue... Hypertext Markup Language is used to create the bony frame- work of a website. This is a programming language for adding interactivity to your website. These are Javascript frameworks intended to make your life easy while developing websites. Cascading Stylesheets used to add colors and format the layout of a website to make it appealing.
  • 17. Backend Frameworks PHP, NodeJS, Python, Go, etc Laravel, Express, Django Database SQL(MySQL), NoSQL(MongoDB) Programming Languages
  • 18. Other things... Hosting Version Control Continuous Integration Continuous Delivery
  • 19. The learning never ends, there will be new frameworks, new approaches, you must be proactive and ready to learn Read the story of how I spent six months to build a three page website on www.web-boss.com.ng/blog
  • 20. My thoughts on becoming a web developer The no code approaches will get better and more popular, so will the people who can use them: will you then be able to charge well for your services? Yes, if you can sell yourself Whether you are building from scratch or using a NO-CODE approach, mastery takes time. Rehearse, rehearse and rehearse. Code is Poetry
  • 21. Further thoughts becoming a web developer You can’t be richer than the system that pays you, don’t become a labourer - think of ways to solve unique problems. If you want to become a mid-level engineer or a senior engineer, do what those people are doing - Prosper Otemuyiwa Every project is a chance for you to prove yourself - pay attention!
  • 23. Absolutely NO That’s like asking a pharmacist to learn surgery, it’s not their job - they can if they like but honestly, ko necesstri
  • 24. IG TW @aremu_smog I will take any other questions now thank you