SlideShare a Scribd company logo
We’ll be starting the session shortly!
Please keep yourself on MUTE
Web Development from Scratch Day 1
Who are we?
Ankit Joshi
● Technical Team 1
Lead ,GDSC
BVCOENM
Who are we?
Amit Patil
● Technical Team 1
Member ,GDSC
BVCOENM
Why to learn Web
Development?
What is Web
Development?
Live Coding on
building frontend of
app
QNA
DAY 1
Event Agenda
DAY 2
Event Agenda
SQL and NoSQL
Database
Introduction to
Backend
Firebase for database
and authentication
Live Coding on
completing backend
of the App
Introduction To Web Development
Web development refers in general to the tasks
associated with developing websites for hosting via
intranet or internet.
A Front-end
developer takes
care of all the
visual aspects of
the website (layout,
navigation bar,
etc.),
why
Component
s
How
A Back-end
developer take
care of less visible
tasks that ensure
the website runs
smoothly, such as
managing the
website’s hosting
services, database.
why
Components
How Create stuff
Being a web developer gives you
the power to create new cool
things
Low Starting Costs
Starting with web development
costs very little.
Share it with the world
Websites can be reached from
all over the world.
Job market
The web is still growing and web
developers are a scarce resource
that have good chances on the
job market.
Being creative
Web development lets you
express yourself. You can try
everything you want and share it
with the world.
why
Components
How JS
3
CSS
2
HTML
1
HTML
HTML defines
the basic
framework of
a website
CSS
Used to style
the content of
a website
JS
Takes care of
interactivity of
many unique
website
why
Components
How
Responsive web design
(RWD) is an approach
that allows design and
code to respond to the
size of a device’s
screen
Today there are
around 2.6 billion
smartphone users and
by 2020 that’s tipped to
reach over 6 billion.
Mobile design has
never been more
important.
Why
The best responsive
websites essentially
utilize fluid grids,
flexible images and CSS
styling to alter the site’s
design and render it
according to the width
of the browser
How
Building beautiful and Responsive
website
What
What are we going to build?
Real Time Chat Application
from scratch!
● Multiple users can chat at
same time
● Responsive Design
● Authentication via google
account
Day 1 Frontend
Live Coding
Why to use jQuery for DOM Manipulation?
Document Object Model
JQuery
Your JQuery Code
$(#foo)
document.getElementById(‘foo’)
ASK YOUR DOUBTS!

More Related Content

What's hot

Choosing Drupal as your Content Management Framework
Choosing Drupal as your Content Management FrameworkChoosing Drupal as your Content Management Framework
Choosing Drupal as your Content Management FrameworkMediacurrent
 
Developing ASP.NET MVC Applications Quicker With Kendo UI
Developing ASP.NET MVC Applications Quicker With Kendo UIDeveloping ASP.NET MVC Applications Quicker With Kendo UI
Developing ASP.NET MVC Applications Quicker With Kendo UILohith Goudagere Nagaraj
 
"Jclays, A global solution for application design and automatic GWT code gene...
"Jclays, A global solution for application design and automatic GWT code gene..."Jclays, A global solution for application design and automatic GWT code gene...
"Jclays, A global solution for application design and automatic GWT code gene...GWTcon
 
10 Useful Front End Development Tools for Web Apps | 2020
10 Useful Front End Development Tools for Web Apps | 202010 Useful Front End Development Tools for Web Apps | 2020
10 Useful Front End Development Tools for Web Apps | 2020Claritus Consulting
 
Google Web toolkit GWT 2.0 UiBinder Talk @ South Florida Google Technology Us...
Google Web toolkit GWT 2.0 UiBinder Talk @ South Florida Google Technology Us...Google Web toolkit GWT 2.0 UiBinder Talk @ South Florida Google Technology Us...
Google Web toolkit GWT 2.0 UiBinder Talk @ South Florida Google Technology Us...Pradeep B Pillai
 
Microsoft Azure Cloud Services
Microsoft Azure Cloud ServicesMicrosoft Azure Cloud Services
Microsoft Azure Cloud ServicesRodrigo Kono
 
Build Hybrid Mobile Applications for Nokia Lumia Devices
Build Hybrid Mobile Applications for Nokia Lumia DevicesBuild Hybrid Mobile Applications for Nokia Lumia Devices
Build Hybrid Mobile Applications for Nokia Lumia DevicesLohith Goudagere Nagaraj
 
Sandeep Chauhan | Explore the major differences between react js and react na...
Sandeep Chauhan | Explore the major differences between react js and react na...Sandeep Chauhan | Explore the major differences between react js and react na...
Sandeep Chauhan | Explore the major differences between react js and react na...Sandeep Chauhan
 
Top Tools for WordPress Development
Top Tools for WordPress DevelopmentTop Tools for WordPress Development
Top Tools for WordPress DevelopmentMobiloitte
 
Info Session: 30 days of Google Cloud 2021 | GDSC IIITA
Info Session: 30 days of Google Cloud 2021 | GDSC IIITAInfo Session: 30 days of Google Cloud 2021 | GDSC IIITA
Info Session: 30 days of Google Cloud 2021 | GDSC IIITATejasMane18
 
O futuro do desenvolvimento .NET
O futuro do desenvolvimento .NETO futuro do desenvolvimento .NET
O futuro do desenvolvimento .NETRodrigo Kono
 
Hybridapp 161209030125
Hybridapp 161209030125Hybridapp 161209030125
Hybridapp 161209030125newegg
 
Top 5 Front End Development Tools For 2021
Top 5 Front End Development Tools For 2021Top 5 Front End Development Tools For 2021
Top 5 Front End Development Tools For 2021ForceBolt
 
Best Tools for Business
Best Tools for BusinessBest Tools for Business
Best Tools for BusinessNick Landry
 
React for non techies
React for non techiesReact for non techies
React for non techiesAmy Crimmens
 

What's hot (20)

Choosing Drupal as your Content Management Framework
Choosing Drupal as your Content Management FrameworkChoosing Drupal as your Content Management Framework
Choosing Drupal as your Content Management Framework
 
Developing ASP.NET MVC Applications Quicker With Kendo UI
Developing ASP.NET MVC Applications Quicker With Kendo UIDeveloping ASP.NET MVC Applications Quicker With Kendo UI
Developing ASP.NET MVC Applications Quicker With Kendo UI
 
"Jclays, A global solution for application design and automatic GWT code gene...
"Jclays, A global solution for application design and automatic GWT code gene..."Jclays, A global solution for application design and automatic GWT code gene...
"Jclays, A global solution for application design and automatic GWT code gene...
 
Bff and GraphQL
Bff and GraphQLBff and GraphQL
Bff and GraphQL
 
10 Useful Front End Development Tools for Web Apps | 2020
10 Useful Front End Development Tools for Web Apps | 202010 Useful Front End Development Tools for Web Apps | 2020
10 Useful Front End Development Tools for Web Apps | 2020
 
Google Web toolkit GWT 2.0 UiBinder Talk @ South Florida Google Technology Us...
Google Web toolkit GWT 2.0 UiBinder Talk @ South Florida Google Technology Us...Google Web toolkit GWT 2.0 UiBinder Talk @ South Florida Google Technology Us...
Google Web toolkit GWT 2.0 UiBinder Talk @ South Florida Google Technology Us...
 
Microsoft Azure Cloud Services
Microsoft Azure Cloud ServicesMicrosoft Azure Cloud Services
Microsoft Azure Cloud Services
 
Build Hybrid Mobile Applications for Nokia Lumia Devices
Build Hybrid Mobile Applications for Nokia Lumia DevicesBuild Hybrid Mobile Applications for Nokia Lumia Devices
Build Hybrid Mobile Applications for Nokia Lumia Devices
 
Sandeep Chauhan | Explore the major differences between react js and react na...
Sandeep Chauhan | Explore the major differences between react js and react na...Sandeep Chauhan | Explore the major differences between react js and react na...
Sandeep Chauhan | Explore the major differences between react js and react na...
 
Top Tools for WordPress Development
Top Tools for WordPress DevelopmentTop Tools for WordPress Development
Top Tools for WordPress Development
 
Info Session: 30 days of Google Cloud 2021 | GDSC IIITA
Info Session: 30 days of Google Cloud 2021 | GDSC IIITAInfo Session: 30 days of Google Cloud 2021 | GDSC IIITA
Info Session: 30 days of Google Cloud 2021 | GDSC IIITA
 
O futuro do desenvolvimento .NET
O futuro do desenvolvimento .NETO futuro do desenvolvimento .NET
O futuro do desenvolvimento .NET
 
Hybridapp 161209030125
Hybridapp 161209030125Hybridapp 161209030125
Hybridapp 161209030125
 
Top 5 Front End Development Tools For 2021
Top 5 Front End Development Tools For 2021Top 5 Front End Development Tools For 2021
Top 5 Front End Development Tools For 2021
 
Building SPA with Kendo UI
Building SPA with Kendo UIBuilding SPA with Kendo UI
Building SPA with Kendo UI
 
Tutorius
TutoriusTutorius
Tutorius
 
Technology @ web 3.0
Technology @ web 3.0Technology @ web 3.0
Technology @ web 3.0
 
30 days of google cloud
30 days of google cloud30 days of google cloud
30 days of google cloud
 
Best Tools for Business
Best Tools for BusinessBest Tools for Business
Best Tools for Business
 
React for non techies
React for non techiesReact for non techies
React for non techies
 

Similar to Day 1 ppt

Website Designing Courses in chandigarh.pptx
Website Designing Courses in chandigarh.pptxWebsite Designing Courses in chandigarh.pptx
Website Designing Courses in chandigarh.pptxSeoDiscovery6
 
6 Essential Tools for Frontend and Backend Development to Use in 2023.pdf
6 Essential Tools for Frontend and Backend Development to Use in 2023.pdf6 Essential Tools for Frontend and Backend Development to Use in 2023.pdf
6 Essential Tools for Frontend and Backend Development to Use in 2023.pdfIntegrated IT Solutions
 
Web Development PPT.pptx
Web Development PPT.pptxWeb Development PPT.pptx
Web Development PPT.pptxsankalp810108
 
Mastering Full-Stack Web Development in 7 Days Your Ultimate Guide.pdf
Mastering Full-Stack Web Development in 7 Days Your Ultimate Guide.pdfMastering Full-Stack Web Development in 7 Days Your Ultimate Guide.pdf
Mastering Full-Stack Web Development in 7 Days Your Ultimate Guide.pdfgetrichoffice
 
Industrial Training and Practice (ITP).pptx
Industrial Training and Practice (ITP).pptxIndustrial Training and Practice (ITP).pptx
Industrial Training and Practice (ITP).pptxRakshitaKolachalama
 
web development blog.pdf
web development blog.pdfweb development blog.pdf
web development blog.pdfRASKIRATSINGH
 
web roadmap.pdf
web roadmap.pdfweb roadmap.pdf
web roadmap.pdfbcedsc
 
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 2018Noor Muhammad Khan
 
Top Trend To Design in Website Development and Design
Top Trend To Design in Website Development and DesignTop Trend To Design in Website Development and Design
Top Trend To Design in Website Development and Designengineermaste solution
 
Best Search Engine Optimization Online Course
Best Search Engine Optimization Online CourseBest Search Engine Optimization Online Course
Best Search Engine Optimization Online CourseScholar studysolution
 
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
 

Similar to Day 1 ppt (20)

Website Designing Courses in chandigarh.pptx
Website Designing Courses in chandigarh.pptxWebsite Designing Courses in chandigarh.pptx
Website Designing Courses in chandigarh.pptx
 
6 Essential Tools for Frontend and Backend Development to Use in 2023.pdf
6 Essential Tools for Frontend and Backend Development to Use in 2023.pdf6 Essential Tools for Frontend and Backend Development to Use in 2023.pdf
6 Essential Tools for Frontend and Backend Development to Use in 2023.pdf
 
Web Development PPT.pptx
Web Development PPT.pptxWeb Development PPT.pptx
Web Development PPT.pptx
 
Mastering Full-Stack Web Development in 7 Days Your Ultimate Guide.pdf
Mastering Full-Stack Web Development in 7 Days Your Ultimate Guide.pdfMastering Full-Stack Web Development in 7 Days Your Ultimate Guide.pdf
Mastering Full-Stack Web Development in 7 Days Your Ultimate Guide.pdf
 
ui2.pptx
ui2.pptxui2.pptx
ui2.pptx
 
8 Ideas for Building Great Websites | Keyideas Infotech
8 Ideas for Building Great Websites | Keyideas Infotech8 Ideas for Building Great Websites | Keyideas Infotech
8 Ideas for Building Great Websites | Keyideas Infotech
 
Industrial Training and Practice (ITP).pptx
Industrial Training and Practice (ITP).pptxIndustrial Training and Practice (ITP).pptx
Industrial Training and Practice (ITP).pptx
 
Web Development.pdf
Web Development.pdfWeb Development.pdf
Web Development.pdf
 
Web Development.pdf
Web Development.pdfWeb Development.pdf
Web Development.pdf
 
web development blog.pdf
web development blog.pdfweb development blog.pdf
web development blog.pdf
 
web roadmap.pdf
web roadmap.pdfweb roadmap.pdf
web roadmap.pdf
 
varun ppt.ppt
varun ppt.pptvarun ppt.ppt
varun ppt.ppt
 
Web Design.pdf
Web Design.pdfWeb Design.pdf
Web Design.pdf
 
Web summit.pptx
Web summit.pptxWeb summit.pptx
Web summit.pptx
 
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
 
Things to Know about Web Development.docx
Things to Know about Web Development.docxThings to Know about Web Development.docx
Things to Know about Web Development.docx
 
Top Trend To Design in Website Development and Design
Top Trend To Design in Website Development and DesignTop Trend To Design in Website Development and Design
Top Trend To Design in Website Development and Design
 
Best Search Engine Optimization Online Course
Best Search Engine Optimization Online CourseBest Search Engine Optimization Online Course
Best Search Engine Optimization Online Course
 
Web development
Web developmentWeb development
Web development
 
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?
 

Recently uploaded

IoT Analytics Company Presentation May 2024
IoT Analytics Company Presentation May 2024IoT Analytics Company Presentation May 2024
IoT Analytics Company Presentation May 2024IoTAnalytics
 
Demystifying gRPC in .Net by John Staveley
Demystifying gRPC in .Net by John StaveleyDemystifying gRPC in .Net by John Staveley
Demystifying gRPC in .Net by John StaveleyJohn Staveley
 
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdfThe Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdfFIDO Alliance
 
Integrating Telephony Systems with Salesforce: Insights and Considerations, B...
Integrating Telephony Systems with Salesforce: Insights and Considerations, B...Integrating Telephony Systems with Salesforce: Insights and Considerations, B...
Integrating Telephony Systems with Salesforce: Insights and Considerations, B...CzechDreamin
 
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdfWhere to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdfFIDO Alliance
 
Buy Epson EcoTank L3210 Colour Printer Online.pdf
Buy Epson EcoTank L3210 Colour Printer Online.pdfBuy Epson EcoTank L3210 Colour Printer Online.pdf
Buy Epson EcoTank L3210 Colour Printer Online.pdfEasyPrinterHelp
 
Speed Wins: From Kafka to APIs in Minutes
Speed Wins: From Kafka to APIs in MinutesSpeed Wins: From Kafka to APIs in Minutes
Speed Wins: From Kafka to APIs in Minutesconfluent
 
AI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří KarpíšekAI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří KarpíšekCzechDreamin
 
Enterprise Knowledge Graphs - Data Summit 2024
Enterprise Knowledge Graphs - Data Summit 2024Enterprise Knowledge Graphs - Data Summit 2024
Enterprise Knowledge Graphs - Data Summit 2024Enterprise Knowledge
 
Designing for Hardware Accessibility at Comcast
Designing for Hardware Accessibility at ComcastDesigning for Hardware Accessibility at Comcast
Designing for Hardware Accessibility at ComcastUXDXConf
 
Optimizing NoSQL Performance Through Observability
Optimizing NoSQL Performance Through ObservabilityOptimizing NoSQL Performance Through Observability
Optimizing NoSQL Performance Through ObservabilityScyllaDB
 
Connecting the Dots in Product Design at KAYAK
Connecting the Dots in Product Design at KAYAKConnecting the Dots in Product Design at KAYAK
Connecting the Dots in Product Design at KAYAKUXDXConf
 
IESVE for Early Stage Design and Planning
IESVE for Early Stage Design and PlanningIESVE for Early Stage Design and Planning
IESVE for Early Stage Design and PlanningIES VE
 
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdfSimplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdfFIDO Alliance
 
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdfLinux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdfFIDO Alliance
 
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdfIntroduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdfFIDO Alliance
 
WSO2CONMay2024OpenSourceConferenceDebrief.pptx
WSO2CONMay2024OpenSourceConferenceDebrief.pptxWSO2CONMay2024OpenSourceConferenceDebrief.pptx
WSO2CONMay2024OpenSourceConferenceDebrief.pptxJennifer Lim
 
Free and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
Free and Effective: Making Flows Publicly Accessible, Yumi IbrahimzadeFree and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
Free and Effective: Making Flows Publicly Accessible, Yumi IbrahimzadeCzechDreamin
 
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdfHow Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdfFIDO Alliance
 
Top 10 Symfony Development Companies 2024
Top 10 Symfony Development Companies 2024Top 10 Symfony Development Companies 2024
Top 10 Symfony Development Companies 2024TopCSSGallery
 

Recently uploaded (20)

IoT Analytics Company Presentation May 2024
IoT Analytics Company Presentation May 2024IoT Analytics Company Presentation May 2024
IoT Analytics Company Presentation May 2024
 
Demystifying gRPC in .Net by John Staveley
Demystifying gRPC in .Net by John StaveleyDemystifying gRPC in .Net by John Staveley
Demystifying gRPC in .Net by John Staveley
 
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdfThe Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
 
Integrating Telephony Systems with Salesforce: Insights and Considerations, B...
Integrating Telephony Systems with Salesforce: Insights and Considerations, B...Integrating Telephony Systems with Salesforce: Insights and Considerations, B...
Integrating Telephony Systems with Salesforce: Insights and Considerations, B...
 
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdfWhere to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
 
Buy Epson EcoTank L3210 Colour Printer Online.pdf
Buy Epson EcoTank L3210 Colour Printer Online.pdfBuy Epson EcoTank L3210 Colour Printer Online.pdf
Buy Epson EcoTank L3210 Colour Printer Online.pdf
 
Speed Wins: From Kafka to APIs in Minutes
Speed Wins: From Kafka to APIs in MinutesSpeed Wins: From Kafka to APIs in Minutes
Speed Wins: From Kafka to APIs in Minutes
 
AI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří KarpíšekAI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří Karpíšek
 
Enterprise Knowledge Graphs - Data Summit 2024
Enterprise Knowledge Graphs - Data Summit 2024Enterprise Knowledge Graphs - Data Summit 2024
Enterprise Knowledge Graphs - Data Summit 2024
 
Designing for Hardware Accessibility at Comcast
Designing for Hardware Accessibility at ComcastDesigning for Hardware Accessibility at Comcast
Designing for Hardware Accessibility at Comcast
 
Optimizing NoSQL Performance Through Observability
Optimizing NoSQL Performance Through ObservabilityOptimizing NoSQL Performance Through Observability
Optimizing NoSQL Performance Through Observability
 
Connecting the Dots in Product Design at KAYAK
Connecting the Dots in Product Design at KAYAKConnecting the Dots in Product Design at KAYAK
Connecting the Dots in Product Design at KAYAK
 
IESVE for Early Stage Design and Planning
IESVE for Early Stage Design and PlanningIESVE for Early Stage Design and Planning
IESVE for Early Stage Design and Planning
 
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdfSimplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
 
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdfLinux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
 
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdfIntroduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
 
WSO2CONMay2024OpenSourceConferenceDebrief.pptx
WSO2CONMay2024OpenSourceConferenceDebrief.pptxWSO2CONMay2024OpenSourceConferenceDebrief.pptx
WSO2CONMay2024OpenSourceConferenceDebrief.pptx
 
Free and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
Free and Effective: Making Flows Publicly Accessible, Yumi IbrahimzadeFree and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
Free and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
 
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdfHow Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
 
Top 10 Symfony Development Companies 2024
Top 10 Symfony Development Companies 2024Top 10 Symfony Development Companies 2024
Top 10 Symfony Development Companies 2024
 

Day 1 ppt

  • 1. We’ll be starting the session shortly! Please keep yourself on MUTE
  • 2. Web Development from Scratch Day 1
  • 3. Who are we? Ankit Joshi ● Technical Team 1 Lead ,GDSC BVCOENM
  • 4. Who are we? Amit Patil ● Technical Team 1 Member ,GDSC BVCOENM
  • 5. Why to learn Web Development? What is Web Development? Live Coding on building frontend of app QNA DAY 1 Event Agenda
  • 6. DAY 2 Event Agenda SQL and NoSQL Database Introduction to Backend Firebase for database and authentication Live Coding on completing backend of the App
  • 7. Introduction To Web Development Web development refers in general to the tasks associated with developing websites for hosting via intranet or internet. A Front-end developer takes care of all the visual aspects of the website (layout, navigation bar, etc.), why Component s How A Back-end developer take care of less visible tasks that ensure the website runs smoothly, such as managing the website’s hosting services, database.
  • 8. why Components How Create stuff Being a web developer gives you the power to create new cool things Low Starting Costs Starting with web development costs very little. Share it with the world Websites can be reached from all over the world. Job market The web is still growing and web developers are a scarce resource that have good chances on the job market. Being creative Web development lets you express yourself. You can try everything you want and share it with the world.
  • 9. why Components How JS 3 CSS 2 HTML 1 HTML HTML defines the basic framework of a website CSS Used to style the content of a website JS Takes care of interactivity of many unique website
  • 10. why Components How Responsive web design (RWD) is an approach that allows design and code to respond to the size of a device’s screen Today there are around 2.6 billion smartphone users and by 2020 that’s tipped to reach over 6 billion. Mobile design has never been more important. Why The best responsive websites essentially utilize fluid grids, flexible images and CSS styling to alter the site’s design and render it according to the width of the browser How Building beautiful and Responsive website What
  • 11. What are we going to build? Real Time Chat Application from scratch! ● Multiple users can chat at same time ● Responsive Design ● Authentication via google account
  • 13. Why to use jQuery for DOM Manipulation? Document Object Model JQuery Your JQuery Code $(#foo) document.getElementById(‘foo’)