Ce diaporama a bien été signalé.
Le téléchargement de votre SlideShare est en cours. ×

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

Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Chargement dans…3
×

Consultez-les par la suite

1 sur 25 Publicité
Publicité

Plus De Contenu Connexe

Plus récents (20)

Publicité

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

  1. 1. Web dev Study Jam #1 Septian Pradipta @sptndpp First Hand With Web Development
  2. 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. 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. 4. First Hand With Web Development Web Development
  5. 5. Web Developement • Frontend development • Backend development • Full stack development Classification Web Development
  6. 6. What are we going to do today First Hand With Web Development
  7. 7. What are we going to do today
  8. 8. Prepare Your Weapon • Text Editor : VSCode, WebStrom, Atom, Sublime Text, Fleet • Browser : Google Chrome, Firefox, • Internet
  9. 9. HTML stands for Hyper Text Markup Language HTML is the standard markup language for Web pages HTML
  10. 10. HTML
  11. 11. Let’s Try The Markup
  12. 12. ➔Heading ➔Paragraf ➔Span ➔Button ➔Ordered List ➔Unordered List ➔Table ➔Div
  13. 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. 14. CSS
  15. 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. 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. 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. 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. 19. Let's try rock paper scissors
  20. 20. Prepare Your Weapon • Text Editor : VSCode, WebStorm, Atom, Sublime Text, Fleet • Browser : Google Chrome, Firefox, • Internet
  21. 21. rock paper scissors Download Assets https://s.id/assetsStudyJam
  22. 22. rock paper scissors Code
  23. 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. 24. Web dev Study Jam #1 Septian Pradipta @sptndpp First Hand With Web Development

×