WebDev project using html , css, js , python and deployment of the site.

Dec 17, 2024Download as PPTX, PDF0 likes17 views

A presentation regarding web development that is important in the field of computer science and engineering. It will make the students hackathon ready .

Overview
❑ Web ecosystem
❑ Web fundamental
❑ Careers in web development
❑ Roadmap
❑ Sample application
❑ Resources

WebDev project using html , css, js , python and deployment of the site.

What is HTML?
• HTML is the language of web. It is used to create
websites.
• We use HTML tags to define look and feel of a
website.
• With understanding of these tags and How to put
them together , we can create beautiful websites
easily.
• HTML is not a programming language

I can build any
Web application
So now you can think, you
can design your own Google,
Facebook or Instagram using
html only.

Obviously, the second one!
Its makes use of CSS along with HTML

CSS
• CSS stands for cascading style sheets.
• It is used to give a style to the content on a webpage.
• CSS is optional but it converts an off looking HTML page into a beautiful & responsive website.
• It makes use of class. A class element is stylized using CSS.

• ECMA Script is a standard on which JavaScript is
based!
• It was created to ensure that different documents
on JavaScript are actually talking about the same
language.
• JavaScript & ECMA Script can almost always be
used interchangeably JavaScript is very liberal in
what it allows.

• DOM(Document Object Model) treats
an HTML or XML document as a tree
structure in which each node is an
object representing a part of the
document.
• To make changes in the HTML file
using JavaScript , we need to
manipulate this Document object.
DOM

So, if you want you can connect with me in
LinkedIn

This document provides an introduction to web development fundamentals including the top 3 technologies used (HTML, CSS, JavaScript), what each one is used for, and examples of how they are implemented. It also addresses other common questions about differences between newer versions of technologies, where Flash is going, content management systems, differences between front-end and back-end development, and the growing importance of mobile.

Basic web designing 2Md Aminul Hassan

Joomla is a popular open source content management system (CMS) that allows users to easily build and manage websites and online applications without needing technical skills. A CMS like Joomla tracks and stores all website content, making it simple for users to manage. PHP and MySQL are commonly used programming languages that allow for dynamic website content and interaction with databases. Cascading Style Sheets (CSS) provide an easy way to control formatting and visual design across an entire website without needing to modify HTML. Simple free website building tools allow users to create basic sites without coding knowledge.

Rakshat bhatiRakshat bhati

The document discusses the three main layers of front-end web development: structure with HTML, style with CSS, and behavior with JavaScript. It provides an overview of HTML, describing it as the basic language used to write web pages and its tags which provide structure and meaning to content. CSS is described as controlling how HTML elements are displayed and allowing the styling of multiple pages at once. JavaScript is outlined as a scripting language that can add dynamic functionality and logic to HTML pages, such as form validation, tabs, and image menus. The document demonstrates how these three layers work together to build a complete web page.

Web Fundamentals Crash CourseMrAbbas

Web Fundamentals Crash CourseMrAbas

This document discusses various aspects of web design including the human, server, search engine, and browser. It covers topics like accessibility, performance, semantics, standards compliance, and different technologies involved in web development like HTML, CSS, PHP, JavaScript, and databases. The document provides examples and recommendations for proper use of these technologies to build effective and user-friendly websites.

Html5 & css3 abdull waheed

The document discusses HTML5 & CSS3, static websites, dynamic websites, and learning web design. It provides information on the basics of HTML and CSS and how a course can teach users to build websites from scratch. Static websites contain fixed content that does not change, while dynamic websites have content that varies. The document also provides details on Waheed Academy's video tutorials and social media pages for learning more.

Les Basiques - Web Développement HTML5, CSS3, JS et PHPHamdi Hmidi

The document provides an overview of basic web development concepts including: - Definitions of terms like the Internet, World Wide Web, URLs, web servers, browsers, HTML, CSS, JavaScript, PHP, MySQL, and more. - Explanations of static and dynamic websites, client-server architecture, and how PHP and MySQL can be used to create dynamic sites. - Introductions to HTML, CSS, JavaScript, and how they are used to build static sites, along with examples of common tags and functions. - An overview of how PHP, MySQL, and a LAMP/WAMP stack can be used to create dynamic, database-driven websites.

Web Design for Literary Theorists I: Introduction to HTMLPatrick Mooney

Activity 5John Vincent Caño

The document provides an overview of learning the core languages for web development: HTML, CSS, JavaScript, and PHP. It explains that HTML provides structure, CSS handles design, JavaScript adds interactivity, and PHP enables interaction between the client and server. Samples of code are provided for each language to demonstrate their basic functions. The document emphasizes that web development can be learned using just a text editor and browser, though there may be difficulties along the way. A solid understanding of key concepts for each language is important for learning them all.

Introduction to Web Design for Literary Theorists I: Introduction to HTML (v....Patrick Mooney

Going native with html5 web componentsJames York

The document discusses emerging web component standards that aim to address common issues in web development by allowing encapsulation of reusable UI elements. It outlines problems like undescriptive markup, style conflicts, lack of templates and bundling, and no standards. It then introduces web components features like templates, custom elements, shadow DOM, and HTML imports that provide solutions through native browser APIs and demos how each feature works.

Info Session on Web.pptxGDSCACEM

Training presentation.pptxNishchaiyaBayla1

The document outlines a summer training presentation for a Disney Plus Hotstar clone project using HTML, CSS, and JavaScript. It includes an introduction to key topics like web programming, HTML, CSS, JavaScript, and GitHub. It then describes the Disney Plus Hotstar clone project, which recreates the website homepage using a navbar, search box, sliding content carousel, movie cards with hover effects, and video playback on hover. The document concludes with references used in the project research.

Css homeAbhishekMondal42

CSS is used to control the style and formatting of web documents. It allows for creating stunning web sites by controlling colors, fonts, layouts, and other design elements. CSS is also important for web designers and developers because it provides powerful but easy to learn controls over HTML formatting and applies styles consistently across pages. The basic structure of a CSS stylesheet uses selectors to target HTML elements and declarations to specify property values that control the appearance of those elements.

internship presentation 123445667890987adhimanakshit76

Ultimate Skills Checklist for Your First Front-End Developer JobBrenna Van Norman

The document provides a skills checklist for becoming a front-end web developer, including essential skills in HTML, CSS, JavaScript, responsive design, frameworks, version control, performance, tools and soft skills. It recommends taking the Front-End Web Developer Nanodegree program or individual courses to learn the skills, and lists additional learning resources like books, newsletters, blogs and communities.

Intro javascript build a scraper (3:22)Thinkful

This document provides an introduction to building a web scraper using JavaScript. It discusses the speaker's background and Thinkful's mentorship programs. It then covers JavaScript basics like variables, arrays, and using JavaScript to interact with HTML elements. It demonstrates how to grab elements of a certain class and print their text. The document advertises Thinkful's flexible online programs and high job placement rates after graduation.

Girl develop It Orlando HTML RemixHolly Akers

How to Learn Web Designing Step by Step From Basics in 2018Noor Muhammad Khan

Worry free web developmentEstelle Weyl

Week01 jan19 introductionto_phpJeanho Chu

This document introduces PHP and MySQL for dynamic web development. PHP is an open-source scripting language suited for web development that can generate HTML code on the server. MySQL is a popular open-source database management system. PHP and MySQL allow websites to be responsive and malleable by connecting to databases and generating customized HTML based on user inputs or database contents. Examples of dynamic websites that use these technologies include WordPress, Shopify, Facebook, and interactive data visualization projects.

Introduction to HTML5+CSSRamses Cabello

This document provides an introduction to HTML5 and CSS. It begins by asking why someone needs to learn HTML5 and CSS, then defines HTML as the language used to write websites and help computers communicate. It explains that HTML defines the content of a web page while CSS defines the style. It provides the basic structure of an HTML page, including the <head>, <body>, and <html> tags. It also gives examples of common tags like <p>, <img>, and <a> and notes that some tags close themselves while others require an ending tag. The document concludes by providing some online resources for learning more about HTML.

Basics about front-endCETPA Infotech

Frontend development involves using HTML, CSS, and JavaScript to build the graphical user interface of a website. HTML provides structure and semantics, CSS handles layout and styling, and JavaScript adds interactivity. HTML tags give meaning to content, CSS rules define how elements are presented, and JavaScript manipulates web pages and adds functionality beyond just structure and presentation. Together, text, HTML for content, CSS for styling, and JavaScript for interactivity combine to create functional and interactive web pages.

Week01 jan19 introductionto_phpJeanho Chu

This document provides an introduction to PHP. It defines dynamic websites as those built using scripting languages like PHP, ASP.NET, JSP, and Ruby on Rails that generate code for the site on the server-side, compared to static websites built with HTML and JavaScript that only display pre-compiled pages. PHP is introduced as a widely used scripting language especially for web development that can be embedded into HTML. The document also discusses how PHP code is executed on the server and returns dynamic content to users, and how PHP can interface with databases like MySQL to power features like user accounts, content management, and data-driven sites.

Web development using HTML and CSSSiddhantSingh980217

mearn-stack-new_ccvbhbhvgvgcdszsxdxfcf.pptxaravym456

ashish ppt webd.pptxashishsaini773461

The document summarizes Ashish Saini's 8-week online web development training through Internshala. It included 7 modules covering technologies like HTML, CSS, JavaScript, Bootstrap, PHP, React, and DBMS. As part of the training, Ashish created a website called PGlife using HTML, CSS, Bootstrap, and a MySQL database. He achieved a score of 100% and received a certificate upon completing the training.

Internship reviewPAWAN KUMAR

"Boiler Feed Pump (BFP): Working, Applications, Advantages, and Limitations E...Infopitaara

A Boiler Feed Pump (BFP) is a critical component in thermal power plants. It supplies high-pressure water (feedwater) to the boiler, ensuring continuous steam generation. ⚙️ How a Boiler Feed Pump Works Water Collection: Feedwater is collected from the deaerator or feedwater tank. Pressurization: The pump increases water pressure using multiple impellers/stages in centrifugal types. Discharge to Boiler: Pressurized water is then supplied to the boiler drum or economizer section, depending on design. 🌀 Types of Boiler Feed Pumps Centrifugal Pumps (most common): Multistage for higher pressure. Used in large thermal power stations. Positive Displacement Pumps (less common): For smaller or specific applications. Precise flow control but less efficient for large volumes. 🛠️ Key Operations and Controls Recirculation Line: Protects the pump from overheating at low flow. Throttle Valve: Regulates flow based on boiler demand. Control System: Often automated via DCS/PLC for variable load conditions. Sealing & Cooling Systems: Prevent leakage and maintain pump health. ⚠️ Common BFP Issues Cavitation due to low NPSH (Net Positive Suction Head). Seal or bearing failure. Overheating from improper flow or recirculation.

RICS Membership-(The Royal Institution of Chartered Surveyors).pdfMohamedAbdelkader115

More Related Content

Similar to WebDev project using html , css, js , python and deployment of the site. (20)

Activity 5John Vincent Caño

Introduction to Web Design for Literary Theorists I: Introduction to HTML (v....Patrick Mooney

Going native with html5 web componentsJames York

Info Session on Web.pptxGDSCACEM

Training presentation.pptxNishchaiyaBayla1

Css homeAbhishekMondal42

internship presentation 123445667890987adhimanakshit76

Ultimate Skills Checklist for Your First Front-End Developer JobBrenna Van Norman

Intro javascript build a scraper (3:22)Thinkful

Girl develop It Orlando HTML RemixHolly Akers

How to Learn Web Designing Step by Step From Basics in 2018Noor Muhammad Khan

Worry free web developmentEstelle Weyl

Week01 jan19 introductionto_phpJeanho Chu

Introduction to HTML5+CSSRamses Cabello

Basics about front-endCETPA Infotech

Week01 jan19 introductionto_phpJeanho Chu

Web development using HTML and CSSSiddhantSingh980217

mearn-stack-new_ccvbhbhvgvgcdszsxdxfcf.pptxaravym456

ashish ppt webd.pptxashishsaini773461

Internship reviewPAWAN KUMAR

Activity 5John Vincent Caño

Introduction to Web Design for Literary Theorists I: Introduction to HTML (v....Patrick Mooney

Going native with html5 web componentsJames York

Info Session on Web.pptxGDSCACEM

Training presentation.pptxNishchaiyaBayla1

Css homeAbhishekMondal42

internship presentation 123445667890987adhimanakshit76

Ultimate Skills Checklist for Your First Front-End Developer JobBrenna Van Norman

Intro javascript build a scraper (3:22)Thinkful

Girl develop It Orlando HTML RemixHolly Akers

How to Learn Web Designing Step by Step From Basics in 2018Noor Muhammad Khan

Worry free web developmentEstelle Weyl

Week01 jan19 introductionto_phpJeanho Chu

Introduction to HTML5+CSSRamses Cabello

Basics about front-endCETPA Infotech

Week01 jan19 introductionto_phpJeanho Chu

Web development using HTML and CSSSiddhantSingh980217

mearn-stack-new_ccvbhbhvgvgcdszsxdxfcf.pptxaravym456

ashish ppt webd.pptxashishsaini773461

Internship reviewPAWAN KUMAR

Recently uploaded (20)

"Boiler Feed Pump (BFP): Working, Applications, Advantages, and Limitations E...Infopitaara

RICS Membership-(The Royal Institution of Chartered Surveyors).pdfMohamedAbdelkader115

Data Structures_Linear data structures Linked Lists.pptxRushaliDeshmukh2

Metal alkyne complexes.pptx in chemistrymee23nu

Value Stream Mapping Worskshops for Intelligent Continuous SecurityMarc Hornbeek

Smart Storage Solutions.pptx for production engineeringrushikeshnavghare94

Resistance measurement and cfd test on darpa subboff modelINDIAN INSTITUTE OF TECHNOLOGY KHARAGPUR

ADVXAI IN MALWARE ANALYSIS FRAMEWORK: BALANCING EXPLAINABILITY WITH SECURITYijscai

With the increased use of Artificial Intelligence (AI) in malware analysis there is also an increased need to understand the decisions models make when identifying malicious artifacts. Explainable AI (XAI) becomes the answer to interpreting the decision-making process that AI malware analysis models use to determine malicious benign samples to gain trust that in a production environment, the system is able to catch malware. With any cyber innovation brings a new set of challenges and literature soon came out about XAI as a new attack vector. Adversarial XAI (AdvXAI) is a relatively new concept but with AI applications in many sectors, it is crucial to quickly respond to the attack surface that it creates. This paper seeks to conceptualize a theoretical framework focused on addressing AdvXAI in malware analysis in an effort to balance explainability with security. Following this framework, designing a machine with an AI malware detection and analysis model will ensure that it can effectively analyze malware, explain how it came to its decision, and be built securely to avoid adversarial attacks and manipulations. The framework focuses on choosing malware datasets to train the model, choosing the AI model, choosing an XAI technique, implementing AdvXAI defensive measures, and continually evaluating the model. This framework will significantly contribute to automated malware detection and XAI efforts allowing for secure systems that are resilient to adversarial attacks.

some basics electrical and electronics knowledgenguyentrungdo88

Main cotrol jdbjbdcnxbjbjzjjjcjicbjxbcjcxbjcxbSunilSingh610661

Structural Response of Reinforced Self-Compacting Concrete Deep Beam Using Fi...Journal of Soft Computing in Civil Engineering

Analysis of reinforced concrete deep beam is based on simplified approximate method due to the complexity of the exact analysis. The complexity is due to a number of parameters affecting its response. To evaluate some of this parameters, finite element study of the structural behavior of the reinforced self-compacting concrete deep beam was carried out using Abaqus finite element modeling tool. The model was validated against experimental data from the literature. The parametric effects of varied concrete compressive strength, vertical web reinforcement ratio and horizontal web reinforcement ratio on the beam were tested on eight (8) different specimens under four points loads. The results of the validation work showed good agreement with the experimental studies. The parametric study revealed that the concrete compressive strength most significantly influenced the specimens’ response with the average of 41.1% and 49 % increment in the diagonal cracking and ultimate load respectively due to doubling of concrete compressive strength. Although the increase in horizontal web reinforcement ratio from 0.31 % to 0.63 % lead to average of 6.24 % increment on the diagonal cracking load, it does not influence the ultimate strength and the load-deflection response of the beams. Similar variation in vertical web reinforcement ratio leads to an average of 2.4 % and 15 % increment in cracking and ultimate load respectively with no appreciable effect on the load-deflection response.

Raish Khanji GTU 8th sem Internship Report.pdfRaishKhanji

This report details the practical experiences gained during an internship at Indo German Tool Room, Ahmedabad. The internship provided hands-on training in various manufacturing technologies, encompassing both conventional and advanced techniques. Significant emphasis was placed on machining processes, including operation and fundamental understanding of lathe and milling machines. Furthermore, the internship incorporated modern welding technology, notably through the application of an Augmented Reality (AR) simulator, offering a safe and effective environment for skill development. Exposure to industrial automation was achieved through practical exercises in Programmable Logic Controllers (PLCs) using Siemens TIA software and direct operation of industrial robots utilizing teach pendants. The principles and practical aspects of Computer Numerical Control (CNC) technology were also explored. Complementing these manufacturing processes, the internship included extensive application of SolidWorks software for design and modeling tasks. This comprehensive practical training has provided a foundational understanding of key aspects of modern manufacturing and design, enhancing the technical proficiency and readiness for future engineering endeavors.

Oil-gas_Unconventional oil and gass_reseviours.pdfM7md3li2

Level 1-Safety.pptx Presentation of Electrical SafetyJoseAlbertoCariasDel

DATA-DRIVEN SHOULDER INVERSE KINEMATICS YoungBeom Kim1 , Byung-Ha Park1 , Kwa...charlesdick1345

lecture5.pptxJHKGJFHDGTFGYIUOIUIPIOIPUOHIYGUYFGIHAbodahab

Introduction to Zoomlion Earthmoving.pptxAS1920

Explainable-Artificial-Intelligence-XAI-A-Deep-Dive (1).pptxMahaveerVPandit

DT REPORT by Tech titan GROUP to introduce the subject design ThinkingDhruvChotaliya2

Development of MLR, ANN and ANFIS Models for Estimation of PCUs at Different ...Journal of Soft Computing in Civil Engineering

Passenger car unit (PCU) of a vehicle type depends on vehicular characteristics, stream characteristics, roadway characteristics, environmental factors, climate conditions and control conditions. Keeping in view various factors affecting PCU, a model was developed taking a volume to capacity ratio and percentage share of particular vehicle type as independent parameters. A microscopic traffic simulation model VISSIM has been used in present study for generating traffic flow data which some time very difficult to obtain from field survey. A comparison study was carried out with the purpose of verifying when the adaptive neuro-fuzzy inference system (ANFIS), artificial neural network (ANN) and multiple linear regression (MLR) models are appropriate for prediction of PCUs of different vehicle types. From the results observed that ANFIS model estimates were closer to the corresponding simulated PCU values compared to MLR and ANN models. It is concluded that the ANFIS model showed greater potential in predicting PCUs from v/c ratio and proportional share for all type of vehicles whereas MLR and ANN models did not perform well.

"Boiler Feed Pump (BFP): Working, Applications, Advantages, and Limitations E...Infopitaara

RICS Membership-(The Royal Institution of Chartered Surveyors).pdfMohamedAbdelkader115

Data Structures_Linear data structures Linked Lists.pptxRushaliDeshmukh2

Metal alkyne complexes.pptx in chemistrymee23nu

Value Stream Mapping Worskshops for Intelligent Continuous SecurityMarc Hornbeek

Smart Storage Solutions.pptx for production engineeringrushikeshnavghare94

Resistance measurement and cfd test on darpa subboff modelINDIAN INSTITUTE OF TECHNOLOGY KHARAGPUR

ADVXAI IN MALWARE ANALYSIS FRAMEWORK: BALANCING EXPLAINABILITY WITH SECURITYijscai

some basics electrical and electronics knowledgenguyentrungdo88

Main cotrol jdbjbdcnxbjbjzjjjcjicbjxbcjcxbjcxbSunilSingh610661

Structural Response of Reinforced Self-Compacting Concrete Deep Beam Using Fi...Journal of Soft Computing in Civil Engineering

Raish Khanji GTU 8th sem Internship Report.pdfRaishKhanji

Oil-gas_Unconventional oil and gass_reseviours.pdfM7md3li2

Level 1-Safety.pptx Presentation of Electrical SafetyJoseAlbertoCariasDel

DATA-DRIVEN SHOULDER INVERSE KINEMATICS YoungBeom Kim1 , Byung-Ha Park1 , Kwa...charlesdick1345

lecture5.pptxJHKGJFHDGTFGYIUOIUIPIOIPUOHIYGUYFGIHAbodahab

Introduction to Zoomlion Earthmoving.pptxAS1920

Explainable-Artificial-Intelligence-XAI-A-Deep-Dive (1).pptxMahaveerVPandit

DT REPORT by Tech titan GROUP to introduce the subject design ThinkingDhruvChotaliya2

Development of MLR, ANN and ANFIS Models for Estimation of PCUs at Different ...Journal of Soft Computing in Civil Engineering

WebDev project using html , css, js , python and deployment of the site.

1. Wild West -By Anish Bhaduri 13

2. Overview ❑ Web ecosystem ❑ Web fundamental ❑ Careers in web development ❑ Roadmap ❑ Sample application ❑ Resources

4. Chaliye suru karte hai

5. INDIA

19. Working with Web

20. end

21. FrontEnd

22. What is this?

26. Plenty of information, right?

27. Chalo thoda questions pucha jaye?

28. HTML CSS JS Batao yeah kya hai?

30. Abhi yeh janne ka faida kya hai?

32. What is HTML? • HTML is the language of web. It is used to create websites. • We use HTML tags to define look and feel of a website. • With understanding of these tags and How to put them together , we can create beautiful websites easily. • HTML is not a programming language

33. I am a HTML programmer

34. I can build any Web application So now you can think, you can design your own Google, Facebook or Instagram using html only.

35. But the reality is often disappointing

36. Which one looks better?

37. Obviously, the second one! Its makes use of CSS along with HTML

38. CSS • CSS stands for cascading style sheets. • It is used to give a style to the content on a webpage. • CSS is optional but it converts an off looking HTML page into a beautiful & responsive website. • It makes use of class. A class element is stylized using CSS.

39. HTML + CSS Only HTML

42. Browser Server

43. • ECMA Script is a standard on which JavaScript is based! • It was created to ensure that different documents on JavaScript are actually talking about the same language. • JavaScript & ECMA Script can almost always be used interchangeably JavaScript is very liberal in what it allows.

44. • DOM(Document Object Model) treats an HTML or XML document as a tree structure in which each node is an object representing a part of the document. • To make changes in the HTML file using JavaScript , we need to manipulate this Document object. DOM

45. Now task time

46. Bohut kuch jan liye aj

47. So, if you want you can connect with me in LinkedIn

WebDev project using html , css, js , python and deployment of the site.

Recommended

More Related Content

Similar to WebDev project using html , css, js , python and deployment of the site. (20)

Recently uploaded (20)

WebDev project using html , css, js , python and deployment of the site.