Web Development Study Jam #1 _ First Hand With Web Development.pptx

1. Web dev Study Jam #1 Septian Pradipta @sptndpp First Hand With Web Development

2. Web Development Web: It refers to websites, web pages or anything that works over the internet. Development: It refers to building the application from scratch.

3. Web development refers to the creating, building, and maintaining of websites. It includes aspects such as web design, web publishing, web programming, and database management. It is the creation of an application that works over the internet(website) Web Development

4. First Hand With Web Development Web Development

5. Web Developement • Frontend development • Backend development • Full stack development Classification Web Development

6. What are we going to do today First Hand With Web Development

7. What are we going to do today

8. Prepare Your Weapon • Text Editor : VSCode, WebStrom, Atom, Sublime Text, Fleet • Browser : Google Chrome, Firefox, • Internet

9. HTML stands for Hyper Text Markup Language HTML is the standard markup language for Web pages HTML

10. HTML

11. Let’s Try The Markup

12. ➔Heading ➔Paragraf ➔Span ➔Button ➔Ordered List ➔Unordered List ➔Table ➔Div

13. CSS Cascading Style Sheets CSS (Cascading Style Sheets) is used to apply styles to web pages. Cascading Style Sheets are fondly referred to as CSS. It is used to make web pages presentable.

14. CSS

15. CSS Cascading Style Sheets ● Inline : Inline CSS contains the CSS property in the body section attached with the element known as inline CSS. ● Internal or Embedded : The CSS ruleset should be within the HTML file in the head section i.e the CSS is embedded within the HTML file. ● External : External CSS contains a separate CSS file that contains only style property with the help of tag attributes.

16. JavaScript is a scripting or programming language that allows you to implement complex features on web pages — every time a web page does more than just sit there and display static information for you to look at — displaying timely content updates, interactive maps, animated 2D/3D graphics, scrolling video jukeboxes, etc. JavaScript

17. JavaScript How to add JavaScript ● Internal JavaScript: We can add JS code directly to our HTML file by writing the code inside the <script> tag. The <script> tag can either be placed inside the <head> or the <body> tag according to the requirement. ● External JavaScript File: We can create a file with .js extension and paste the JS code inside it. After creating the file, add this file in <script src=”file_name.js”> tag inside <head> tag of the HTML file.

18. JavaScript Document Object Model (DOM) The Document Object Model (DOM) is the data representation of the objects that comprise the structure and content of a document on the web.

19. Let's try rock paper scissors

20. Prepare Your Weapon • Text Editor : VSCode, WebStorm, Atom, Sublime Text, Fleet • Browser : Google Chrome, Firefox, • Internet

21. rock paper scissors Download Assets https://s.id/assetsStudyJam

22. rock paper scissors Code

23. Next Step HTML ● HTML5 ● Aria CSS ● Modern CSS ● Rospensive Web ● Animation ● Flex ● Grid ● CSS Framework JavaScript ● Modern JavaScript (ES6) ● Node Js ● Frontend Framework ● Backend Framework (JS)

24. Web dev Study Jam #1 Septian Pradipta @sptndpp First Hand With Web Development

Web Development Study Jam #1 _ First Hand With Web Development.pptx

Esté a ler uma amostra.

Confira estes a seguir

Web Development Study Jam #1 _ First Hand With Web Development.pptx

Mais Conteúdo rRelacionado

Semelhante a Web Development Study Jam #1 _ First Hand With Web Development.pptx (20)

Mais recentes (20)