SlideShare a Scribd company logo
Learning Outcome
▪ Get to know about concepts of project bucketing
▪ Knowing about various frontend development framework like angular, vue,react
▪ Know about various react topics like components, props, state, life cycle etc.
Task - 2
Create various Front End Programs
▪ Draw and design a uniform front end code for calculator
▪ Draw and design a interactive front end code for text-editor
Evaluation Metric:
● 100% Completion of the above tasks
STEP-WISE DESCRIPTION
 Define the Purpose
 Choose the ProgrammingLanguage
 Plan the Layout
 Create HTML Markup
 Style with CSS
 Add JavaScript Functionality
 Test and Debug
 Deploy
 Maintain and Update
SUMMARY OF YOUR TASK
A CALCULATOR WEBSITE IS A WEBSITE THAT PROVIDES USERS WITH THE ABILITY TO PERFORM
MATHEMATICAL CALCULATIONS AND FUNCTIONS ONLINE. TO CREATE A CALCULATOR WEBSITE, THE
PURPOSE MUST BE DEFINED, THE APPROPRIATE PROGRAMMING LANGUAGE AND CMS CHOSEN, AND A
PLAN FOR LAYOUT AND DESIGN MUST BE ESTABLISHED. THE WEBSITE SHOULD BE DEVELOPED WITH
HTML, CSS, AND JAVASCRIPT, THOROUGHLY TESTED AND DEBUGGED, OPTIMIZED FOR SEARCH
ENGINES, AND DEPLOYED SECURELY. REGULAR MAINTENANCE AND UPDATES ARE NECESSARY TO
KEEP THE WEBSITE FUNCTIONAL AND UP TO DATE WITH THE LATESTTECHNOLOGIES.
Check-List
SETUP PROJECT FOR CALCULATOR
PROJECT
CREATE A MAIN COMPONENT
WITH THE OUTER
STRUCTURE OF CALCULATOR
CREATE A BUTTON COMPONENT
WITH ON CLICK HANDLER
CREATE A EVALUATE EXPRESION
FUNCTION TO EVALUATE VALUE
SETUP BASIC STRUCTURE
OF TEXT-
EDITOR PROJECT
CREATE MAIN COMPONENT WITH
ALL FEATURE BUTTONS
CREATE A JSON OBJECT TO STORE
DATA FOR TEXT EDITOR
PUSH BOTH CODE TO GITHUB
A
.SSESSMENT PARAMETE.R
WebDevelopmentPreRequisitesOneNeedToFollow

More Related Content

Similar to WebDevelopmentPreRequisitesOneNeedToFollow

Prashant_Shukla-UI
Prashant_Shukla-UIPrashant_Shukla-UI
Prashant_Shukla-UI
Prashant Shukla
 
ShefaliSharma_Dec
ShefaliSharma_DecShefaliSharma_Dec
ShefaliSharma_Dec
Shefali sharma
 
MadhulikaArasResume
MadhulikaArasResumeMadhulikaArasResume
MadhulikaArasResume
Madhulika Aras
 
Neeraj Lamba Final Cv (1)
Neeraj Lamba Final Cv (1)Neeraj Lamba Final Cv (1)
Neeraj Lamba Final Cv (1)
Neeraj Lamba
 
Neeraj Lamba Final Cv (1)
Neeraj Lamba Final Cv (1)Neeraj Lamba Final Cv (1)
Neeraj Lamba Final Cv (1)
Neeraj Lamba
 
Full Stack.pptx
Full Stack.pptxFull Stack.pptx
Full Stack.pptx
RiyaBajpai11
 
ASP.pptx
ASP.pptxASP.pptx
Jeyakumar_CV
Jeyakumar_CVJeyakumar_CV
Jeyakumar_CV
Jeyakumar Jayabalan
 
Sneha junior Software developer(1) in MVC
Sneha junior Software developer(1) in MVCSneha junior Software developer(1) in MVC
Sneha junior Software developer(1) in MVC
Sneha Priya
 
SadikulIslamDotNetResume
SadikulIslamDotNetResumeSadikulIslamDotNetResume
SadikulIslamDotNetResume
Sadikul Islam
 
dxb.vkumar-v04
dxb.vkumar-v04dxb.vkumar-v04
dxb.vkumar-v04
vinod kumar
 
RanganadhMarrapu_Profile
RanganadhMarrapu_ProfileRanganadhMarrapu_Profile
RanganadhMarrapu_Profile
Ranganadh Marrapu
 
Ravi resume
Ravi resumeRavi resume
EXHIBIT – DETAILED POSITION DUTIESPosition DutiesPercentage o.docx
EXHIBIT  – DETAILED POSITION DUTIESPosition DutiesPercentage o.docxEXHIBIT  – DETAILED POSITION DUTIESPosition DutiesPercentage o.docx
EXHIBIT – DETAILED POSITION DUTIESPosition DutiesPercentage o.docx
elbanglis
 
Resume
ResumeResume
Resume
Amit kumar
 
JohnBraccialeResume2015
JohnBraccialeResume2015JohnBraccialeResume2015
JohnBraccialeResume2015
John Bracciale
 
Nupoor_Roy_Tek_Word
Nupoor_Roy_Tek_WordNupoor_Roy_Tek_Word
Nupoor_Roy_Tek_Word
Nupoor Roy
 
Resume_ArvindMaadam
Resume_ArvindMaadamResume_ArvindMaadam
Resume_ArvindMaadam
Arvind Maadam
 
Namohar-SoftwareDeveloper-Resume
Namohar-SoftwareDeveloper-ResumeNamohar-SoftwareDeveloper-Resume
Namohar-SoftwareDeveloper-Resume
namohar m
 
Harshita_Sinha_2.2_years_exp_.NET_MVC_Developer
Harshita_Sinha_2.2_years_exp_.NET_MVC_DeveloperHarshita_Sinha_2.2_years_exp_.NET_MVC_Developer
Harshita_Sinha_2.2_years_exp_.NET_MVC_Developer
harshita sinha
 

Similar to WebDevelopmentPreRequisitesOneNeedToFollow (20)

Prashant_Shukla-UI
Prashant_Shukla-UIPrashant_Shukla-UI
Prashant_Shukla-UI
 
ShefaliSharma_Dec
ShefaliSharma_DecShefaliSharma_Dec
ShefaliSharma_Dec
 
MadhulikaArasResume
MadhulikaArasResumeMadhulikaArasResume
MadhulikaArasResume
 
Neeraj Lamba Final Cv (1)
Neeraj Lamba Final Cv (1)Neeraj Lamba Final Cv (1)
Neeraj Lamba Final Cv (1)
 
Neeraj Lamba Final Cv (1)
Neeraj Lamba Final Cv (1)Neeraj Lamba Final Cv (1)
Neeraj Lamba Final Cv (1)
 
Full Stack.pptx
Full Stack.pptxFull Stack.pptx
Full Stack.pptx
 
ASP.pptx
ASP.pptxASP.pptx
ASP.pptx
 
Jeyakumar_CV
Jeyakumar_CVJeyakumar_CV
Jeyakumar_CV
 
Sneha junior Software developer(1) in MVC
Sneha junior Software developer(1) in MVCSneha junior Software developer(1) in MVC
Sneha junior Software developer(1) in MVC
 
SadikulIslamDotNetResume
SadikulIslamDotNetResumeSadikulIslamDotNetResume
SadikulIslamDotNetResume
 
dxb.vkumar-v04
dxb.vkumar-v04dxb.vkumar-v04
dxb.vkumar-v04
 
RanganadhMarrapu_Profile
RanganadhMarrapu_ProfileRanganadhMarrapu_Profile
RanganadhMarrapu_Profile
 
Ravi resume
Ravi resumeRavi resume
Ravi resume
 
EXHIBIT – DETAILED POSITION DUTIESPosition DutiesPercentage o.docx
EXHIBIT  – DETAILED POSITION DUTIESPosition DutiesPercentage o.docxEXHIBIT  – DETAILED POSITION DUTIESPosition DutiesPercentage o.docx
EXHIBIT – DETAILED POSITION DUTIESPosition DutiesPercentage o.docx
 
Resume
ResumeResume
Resume
 
JohnBraccialeResume2015
JohnBraccialeResume2015JohnBraccialeResume2015
JohnBraccialeResume2015
 
Nupoor_Roy_Tek_Word
Nupoor_Roy_Tek_WordNupoor_Roy_Tek_Word
Nupoor_Roy_Tek_Word
 
Resume_ArvindMaadam
Resume_ArvindMaadamResume_ArvindMaadam
Resume_ArvindMaadam
 
Namohar-SoftwareDeveloper-Resume
Namohar-SoftwareDeveloper-ResumeNamohar-SoftwareDeveloper-Resume
Namohar-SoftwareDeveloper-Resume
 
Harshita_Sinha_2.2_years_exp_.NET_MVC_Developer
Harshita_Sinha_2.2_years_exp_.NET_MVC_DeveloperHarshita_Sinha_2.2_years_exp_.NET_MVC_Developer
Harshita_Sinha_2.2_years_exp_.NET_MVC_Developer
 

Recently uploaded

ppt on the brain chip neuralink.pptx
ppt  on   the brain  chip neuralink.pptxppt  on   the brain  chip neuralink.pptx
ppt on the brain chip neuralink.pptx
Reetu63
 
Oracle Database 19c New Features for DBAs and Developers.pptx
Oracle Database 19c New Features for DBAs and Developers.pptxOracle Database 19c New Features for DBAs and Developers.pptx
Oracle Database 19c New Features for DBAs and Developers.pptx
Remote DBA Services
 
All you need to know about Spring Boot and GraalVM
All you need to know about Spring Boot and GraalVMAll you need to know about Spring Boot and GraalVM
All you need to know about Spring Boot and GraalVM
Alina Yurenko
 
The Rising Future of CPaaS in the Middle East 2024
The Rising Future of CPaaS in the Middle East 2024The Rising Future of CPaaS in the Middle East 2024
The Rising Future of CPaaS in the Middle East 2024
Yara Milbes
 
UI5con 2024 - Boost Your Development Experience with UI5 Tooling Extensions
UI5con 2024 - Boost Your Development Experience with UI5 Tooling ExtensionsUI5con 2024 - Boost Your Development Experience with UI5 Tooling Extensions
UI5con 2024 - Boost Your Development Experience with UI5 Tooling Extensions
Peter Muessig
 
J-Spring 2024 - Going serverless with Quarkus, GraalVM native images and AWS ...
J-Spring 2024 - Going serverless with Quarkus, GraalVM native images and AWS ...J-Spring 2024 - Going serverless with Quarkus, GraalVM native images and AWS ...
J-Spring 2024 - Going serverless with Quarkus, GraalVM native images and AWS ...
Bert Jan Schrijver
 
Project Management: The Role of Project Dashboards.pdf
Project Management: The Role of Project Dashboards.pdfProject Management: The Role of Project Dashboards.pdf
Project Management: The Role of Project Dashboards.pdf
Karya Keeper
 
Why Apache Kafka Clusters Are Like Galaxies (And Other Cosmic Kafka Quandarie...
Why Apache Kafka Clusters Are Like Galaxies (And Other Cosmic Kafka Quandarie...Why Apache Kafka Clusters Are Like Galaxies (And Other Cosmic Kafka Quandarie...
Why Apache Kafka Clusters Are Like Galaxies (And Other Cosmic Kafka Quandarie...
Paul Brebner
 
14 th Edition of International conference on computer vision
14 th Edition of International conference on computer vision14 th Edition of International conference on computer vision
14 th Edition of International conference on computer vision
ShulagnaSarkar2
 
The Key to Digital Success_ A Comprehensive Guide to Continuous Testing Integ...
The Key to Digital Success_ A Comprehensive Guide to Continuous Testing Integ...The Key to Digital Success_ A Comprehensive Guide to Continuous Testing Integ...
The Key to Digital Success_ A Comprehensive Guide to Continuous Testing Integ...
kalichargn70th171
 
GreenCode-A-VSCode-Plugin--Dario-Jurisic
GreenCode-A-VSCode-Plugin--Dario-JurisicGreenCode-A-VSCode-Plugin--Dario-Jurisic
GreenCode-A-VSCode-Plugin--Dario-Jurisic
Green Software Development
 
Oracle 23c New Features For DBAs and Developers.pptx
Oracle 23c New Features For DBAs and Developers.pptxOracle 23c New Features For DBAs and Developers.pptx
Oracle 23c New Features For DBAs and Developers.pptx
Remote DBA Services
 
Malibou Pitch Deck For Its €3M Seed Round
Malibou Pitch Deck For Its €3M Seed RoundMalibou Pitch Deck For Its €3M Seed Round
Malibou Pitch Deck For Its €3M Seed Round
sjcobrien
 
Microservice Teams - How the cloud changes the way we work
Microservice Teams - How the cloud changes the way we workMicroservice Teams - How the cloud changes the way we work
Microservice Teams - How the cloud changes the way we work
Sven Peters
 
一比一原版(sdsu毕业证书)圣地亚哥州立大学毕业证如何办理
一比一原版(sdsu毕业证书)圣地亚哥州立大学毕业证如何办理一比一原版(sdsu毕业证书)圣地亚哥州立大学毕业证如何办理
一比一原版(sdsu毕业证书)圣地亚哥州立大学毕业证如何办理
kgyxske
 
Quarter 3 SLRP grade 9.. gshajsbhhaheabh
Quarter 3 SLRP grade 9.. gshajsbhhaheabhQuarter 3 SLRP grade 9.. gshajsbhhaheabh
Quarter 3 SLRP grade 9.. gshajsbhhaheabh
aisafed42
 
Migration From CH 1.0 to CH 2.0 and Mule 4.6 & Java 17 Upgrade.pptx
Migration From CH 1.0 to CH 2.0 and  Mule 4.6 & Java 17 Upgrade.pptxMigration From CH 1.0 to CH 2.0 and  Mule 4.6 & Java 17 Upgrade.pptx
Migration From CH 1.0 to CH 2.0 and Mule 4.6 & Java 17 Upgrade.pptx
ervikas4
 
INTRODUCTION TO AI CLASSICAL THEORY TARGETED EXAMPLES
INTRODUCTION TO AI CLASSICAL THEORY TARGETED EXAMPLESINTRODUCTION TO AI CLASSICAL THEORY TARGETED EXAMPLES
INTRODUCTION TO AI CLASSICAL THEORY TARGETED EXAMPLES
anfaltahir1010
 
ALGIT - Assembly Line for Green IT - Numbers, Data, Facts
ALGIT - Assembly Line for Green IT - Numbers, Data, FactsALGIT - Assembly Line for Green IT - Numbers, Data, Facts
ALGIT - Assembly Line for Green IT - Numbers, Data, Facts
Green Software Development
 
Modelling Up - DDDEurope 2024 - Amsterdam
Modelling Up - DDDEurope 2024 - AmsterdamModelling Up - DDDEurope 2024 - Amsterdam
Modelling Up - DDDEurope 2024 - Amsterdam
Alberto Brandolini
 

Recently uploaded (20)

ppt on the brain chip neuralink.pptx
ppt  on   the brain  chip neuralink.pptxppt  on   the brain  chip neuralink.pptx
ppt on the brain chip neuralink.pptx
 
Oracle Database 19c New Features for DBAs and Developers.pptx
Oracle Database 19c New Features for DBAs and Developers.pptxOracle Database 19c New Features for DBAs and Developers.pptx
Oracle Database 19c New Features for DBAs and Developers.pptx
 
All you need to know about Spring Boot and GraalVM
All you need to know about Spring Boot and GraalVMAll you need to know about Spring Boot and GraalVM
All you need to know about Spring Boot and GraalVM
 
The Rising Future of CPaaS in the Middle East 2024
The Rising Future of CPaaS in the Middle East 2024The Rising Future of CPaaS in the Middle East 2024
The Rising Future of CPaaS in the Middle East 2024
 
UI5con 2024 - Boost Your Development Experience with UI5 Tooling Extensions
UI5con 2024 - Boost Your Development Experience with UI5 Tooling ExtensionsUI5con 2024 - Boost Your Development Experience with UI5 Tooling Extensions
UI5con 2024 - Boost Your Development Experience with UI5 Tooling Extensions
 
J-Spring 2024 - Going serverless with Quarkus, GraalVM native images and AWS ...
J-Spring 2024 - Going serverless with Quarkus, GraalVM native images and AWS ...J-Spring 2024 - Going serverless with Quarkus, GraalVM native images and AWS ...
J-Spring 2024 - Going serverless with Quarkus, GraalVM native images and AWS ...
 
Project Management: The Role of Project Dashboards.pdf
Project Management: The Role of Project Dashboards.pdfProject Management: The Role of Project Dashboards.pdf
Project Management: The Role of Project Dashboards.pdf
 
Why Apache Kafka Clusters Are Like Galaxies (And Other Cosmic Kafka Quandarie...
Why Apache Kafka Clusters Are Like Galaxies (And Other Cosmic Kafka Quandarie...Why Apache Kafka Clusters Are Like Galaxies (And Other Cosmic Kafka Quandarie...
Why Apache Kafka Clusters Are Like Galaxies (And Other Cosmic Kafka Quandarie...
 
14 th Edition of International conference on computer vision
14 th Edition of International conference on computer vision14 th Edition of International conference on computer vision
14 th Edition of International conference on computer vision
 
The Key to Digital Success_ A Comprehensive Guide to Continuous Testing Integ...
The Key to Digital Success_ A Comprehensive Guide to Continuous Testing Integ...The Key to Digital Success_ A Comprehensive Guide to Continuous Testing Integ...
The Key to Digital Success_ A Comprehensive Guide to Continuous Testing Integ...
 
GreenCode-A-VSCode-Plugin--Dario-Jurisic
GreenCode-A-VSCode-Plugin--Dario-JurisicGreenCode-A-VSCode-Plugin--Dario-Jurisic
GreenCode-A-VSCode-Plugin--Dario-Jurisic
 
Oracle 23c New Features For DBAs and Developers.pptx
Oracle 23c New Features For DBAs and Developers.pptxOracle 23c New Features For DBAs and Developers.pptx
Oracle 23c New Features For DBAs and Developers.pptx
 
Malibou Pitch Deck For Its €3M Seed Round
Malibou Pitch Deck For Its €3M Seed RoundMalibou Pitch Deck For Its €3M Seed Round
Malibou Pitch Deck For Its €3M Seed Round
 
Microservice Teams - How the cloud changes the way we work
Microservice Teams - How the cloud changes the way we workMicroservice Teams - How the cloud changes the way we work
Microservice Teams - How the cloud changes the way we work
 
一比一原版(sdsu毕业证书)圣地亚哥州立大学毕业证如何办理
一比一原版(sdsu毕业证书)圣地亚哥州立大学毕业证如何办理一比一原版(sdsu毕业证书)圣地亚哥州立大学毕业证如何办理
一比一原版(sdsu毕业证书)圣地亚哥州立大学毕业证如何办理
 
Quarter 3 SLRP grade 9.. gshajsbhhaheabh
Quarter 3 SLRP grade 9.. gshajsbhhaheabhQuarter 3 SLRP grade 9.. gshajsbhhaheabh
Quarter 3 SLRP grade 9.. gshajsbhhaheabh
 
Migration From CH 1.0 to CH 2.0 and Mule 4.6 & Java 17 Upgrade.pptx
Migration From CH 1.0 to CH 2.0 and  Mule 4.6 & Java 17 Upgrade.pptxMigration From CH 1.0 to CH 2.0 and  Mule 4.6 & Java 17 Upgrade.pptx
Migration From CH 1.0 to CH 2.0 and Mule 4.6 & Java 17 Upgrade.pptx
 
INTRODUCTION TO AI CLASSICAL THEORY TARGETED EXAMPLES
INTRODUCTION TO AI CLASSICAL THEORY TARGETED EXAMPLESINTRODUCTION TO AI CLASSICAL THEORY TARGETED EXAMPLES
INTRODUCTION TO AI CLASSICAL THEORY TARGETED EXAMPLES
 
ALGIT - Assembly Line for Green IT - Numbers, Data, Facts
ALGIT - Assembly Line for Green IT - Numbers, Data, FactsALGIT - Assembly Line for Green IT - Numbers, Data, Facts
ALGIT - Assembly Line for Green IT - Numbers, Data, Facts
 
Modelling Up - DDDEurope 2024 - Amsterdam
Modelling Up - DDDEurope 2024 - AmsterdamModelling Up - DDDEurope 2024 - Amsterdam
Modelling Up - DDDEurope 2024 - Amsterdam
 

WebDevelopmentPreRequisitesOneNeedToFollow

  • 1. Learning Outcome ▪ Get to know about concepts of project bucketing ▪ Knowing about various frontend development framework like angular, vue,react ▪ Know about various react topics like components, props, state, life cycle etc. Task - 2 Create various Front End Programs ▪ Draw and design a uniform front end code for calculator ▪ Draw and design a interactive front end code for text-editor Evaluation Metric: ● 100% Completion of the above tasks
  • 2. STEP-WISE DESCRIPTION  Define the Purpose  Choose the ProgrammingLanguage  Plan the Layout  Create HTML Markup  Style with CSS  Add JavaScript Functionality  Test and Debug  Deploy  Maintain and Update SUMMARY OF YOUR TASK A CALCULATOR WEBSITE IS A WEBSITE THAT PROVIDES USERS WITH THE ABILITY TO PERFORM MATHEMATICAL CALCULATIONS AND FUNCTIONS ONLINE. TO CREATE A CALCULATOR WEBSITE, THE PURPOSE MUST BE DEFINED, THE APPROPRIATE PROGRAMMING LANGUAGE AND CMS CHOSEN, AND A PLAN FOR LAYOUT AND DESIGN MUST BE ESTABLISHED. THE WEBSITE SHOULD BE DEVELOPED WITH HTML, CSS, AND JAVASCRIPT, THOROUGHLY TESTED AND DEBUGGED, OPTIMIZED FOR SEARCH ENGINES, AND DEPLOYED SECURELY. REGULAR MAINTENANCE AND UPDATES ARE NECESSARY TO KEEP THE WEBSITE FUNCTIONAL AND UP TO DATE WITH THE LATESTTECHNOLOGIES.
  • 3. Check-List SETUP PROJECT FOR CALCULATOR PROJECT CREATE A MAIN COMPONENT WITH THE OUTER STRUCTURE OF CALCULATOR CREATE A BUTTON COMPONENT WITH ON CLICK HANDLER CREATE A EVALUATE EXPRESION FUNCTION TO EVALUATE VALUE SETUP BASIC STRUCTURE OF TEXT- EDITOR PROJECT CREATE MAIN COMPONENT WITH ALL FEATURE BUTTONS CREATE A JSON OBJECT TO STORE DATA FOR TEXT EDITOR PUSH BOTH CODE TO GITHUB A .SSESSMENT PARAMETE.R