1 / 17

Web Development Basics Explained

Learn about HTML, CSS, and JavaScript basics. Understand their roles in web development. Discover key concepts and differences between JavaScript and jQuery. Explore frontend and backend development distinctions.

montego-vazquez
Télécharger la présentation

Web Development Basics Explained

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Key question • What are the three standardized core languages used to implement web pages? Write the full name not the abbreviation.

  2. Key Concept Questions: True or False • jQuery is a JavaScript library • CSS is an extension of HTML. Explain. • HTML can be used to change the appearance of a website. Explain. • HTML should be used to control the appearance of a website. Explain. • CSS alone can be used to make a web page interactive, i.e., user interaction can change the appearance of a website.

  3. Show an example of how CSS can make a page interactive

  4. Show an example of how CSS can make a page interactive • a {color: black} • a:hover {color: red; font-weight: bold}

  5. HTML questions • Which HTML tag defines an item in a list? • Which HTML tag defines a list that uses bullets instead of numbers? • Which HTML tag defines a numbered list? • Which HTML tag contains the title and character set of a web page?

  6. HTML questions • Which CSS attribute makes text bold? • How do you use CSS to make a <div> centered? • What is the difference between the CSS color attribute and background-color attribute? • Write the CSS code to make list items bold but only if the list items are inside of a <nav> tag: • Write the CSS code to center the text of paragraphs but only if the paragraph is in a <div> tag with the class name “center”:

  7. JavaScript and jQuery type questions • No code writing, but you must identify JavaScript vs. the other languages.

  8. Which of these is jQuery • A. document.getElementByID(“intro”); • B. var x = 3; • C. $(“#intro”).html(“hello”); • D. #intro { color: red };

  9. What is wrong with this code • HTML: • <button>OK</button> • <button>Cancel</button> • jQuery: • $(“button”).click( submit() );

  10. Identify theHTML, CSS, JavaScript or jQuery • <p style=“margin: 50px”>This is a paragraph with big margins</p> • <input type=“submit” onclick=“myFunction()”> • .important { font-weight: bold;} • $(“.important”).css(“color”, “red”);

  11. Identify the HTML, CSS, JavaScript or jQuery • $("#sportlink").attr("href","http://www.espn.com"); • $("#red").attr(”style",”color: red");

  12. Why is CSS better than HTML for styling a web page?

  13. Why is JavaScript better than CSS for implementing interaction?

  14. Frontend design refers to • The web server • Form processing • CSS coding • Database development • PHP Programming

  15. Backend development refers to • Graphic design • Interface design • Page layout design • Database development • Style sheet development

  16. Mark up with HTML Carmelo Anthony Player ProfileBiographyCarmelo was born in Baltimore MD and went to college at Syracuse University. He won a national championship. He is a nice guy. Hobbies – Most Favorite To Least Drain Buckets Getting Tattoos Tweeting Programming in JavaScript

  17. Lab 9 • http://www.cs.siena.edu/~ebreimer/courses/csis-180-f13/labs/lab9/part4a.html

More Related