WD2.1.1

Use advanced HTML5 elements to create website.

2

WD2.1.1a

Add SVG images (i.e.: image map, icons, logos, etc.) (You can use original images or use a library of SVG images)

3

WD2.1.1b

Code HTML forms on websites (i.e.: radio, checkbox, text field, text area, field set, dropdown lists, legend, etc.)

4

WD2.1.1c

Code a submit button: GET - good for non-secure data & has a limited number of characters

5

WD2.1.1d

Code a submit button: POST - secure and no size limitations

6

WD2.1.1e

Understand the action that will run on the server on the form submit button. (PHP file)

7

WD2.1.1f

Code frames or add the canvas element on a website

8

WD2.1.1g

Incorporate in-line JavaScript on a webpage

9

WD2.1.1h

Incorporate internal JavaScript on a webpage

10

WD2.1.1i

Incorporate external JavaScript on a webpage

11

WD2.2.1

Understand the use of various CSS selectors.

12

WD2.2.1a

Understand the cascade order for browser default, inline, internal, and external style sheet

13

WD2.2.1b

Code element selections to modify HTML elements (tag, ID, & classes)

14

WD2.2.1c

Code contextual selectors to modify nested elements (i.e.: footer nav (}, header ul (}, etc.)

15

WD2.2.1d

Code pseudo class selectors (i.e.: a: link, a:visited, a:active a:hover)

16

WD2.2.1e

Code pseudo element selectors (e.g. ::after{clear:both}, p:: first-line{color: #OOFF00;})

17

WD2.2.2a

Format page layout with advanced CSS.

18

WD2.2.2b

Use grids, flexbox, or a combination for page layouts

19

WD2.2.2c

Use width, height, or auto to adjust the size of the elements

20

WD2.2.2d

Code navigation bars

21

WD2.2.2e

Use text align, margin, and padding

22

WD2.2.2f

Use float to position elements

23

WD2.2.3a

Build responsive websites.

24

WD2.2.3b

Media queries

25

WD2.2.3c

SVG & picture elements

26

WD2.2.3d

Responsive text size - using rem, vh, and vw in css

27

WD2.2.3e

Responsive navigation bar

28

WD2.2.3f

Introduce the concept of frameworks like: BootStrap, Query, Vue.js, Nodejs, etc.

29

WD2.2.4

Code animation and graphics with advanced CSS.

30

WD2.2.4a

Code buttons. (i.e.: rounded, colored, etc.)

31

WD2.2.4b

Code image overlay hover. (i.e.: Fade-in, slide-out, etc.)

32

WD2.2.4c

Code image slider or carousel

33

WD2.3.1

Create a website plan and pitch for a client.

34

WD2.3.1a

Identify basic principles of website usability, readability, and accessibility

35

WD2.3.1b

Plan a website by using sketches, website hierarchy, wireframe, or a site map

36

WD2.3.1c

Communicate with others (such as peers and clients) about design and content plans

37

WD2.3.1d

Produce website designs that work on various devices and browser versions/configurations

38

WD2.3.1e

Plan, communicate, or present a client's website before, during or after website development

39

WD2.3.2

Create content for website.

40

WD2.3.2a

Create and prepare 2D images. gif, .png, jpg, svg

41

WD2.3.2b

Prepare rich media, such as, video, sound, or animation

42

WD2.3.2c

Identify when to use various image and digital media file formats

43

WD2.3.2d

Optimize images for web content, such as resize, resolution, compress, thumbnails

44

WD2.3.2e

Understand the use of favicons

45

WD2.3.2f

Identify how to avoid violating copyright rules

46

WD2.3.2g

Demonstrate the use of semantic elements such as: audio, video, and figure

47

WD2.3.3

Uploading and maintaining a site.

48

WD2.3.3a

Understand and be able to describe the capabilities of web servers

49

WD2.3.3b

Differentiate between types of IP addresses

50

WD2.3.3c

Describe a static IP address

51

WD2.3.3d

Describe a Dvnamic IP address

52

WD2.3.3e

Differentiate between ipv4 and ipv6

53

WD2.3.3f

Conduct basic technical tests such as validating the website (W3C compliant), accessibility, SEO, etc.

54

WD2.3.3g

Present webpages to others for quality assurances (QA) such as team members and clients for feedback and evaluation on technical merits and usability

55

WD2.3.3i

Identify methods for collecting site feedback, such as using counters, feedback forums, Google Analytics, Google Webmaster Tools

56

WD2.3.3k

Provide site maintenance using bug reports, backups, and promotion

57

WD2.3.3l

Document all aspects of website maintenance

58

WD2.3.3m

Identify internet protocols: http, https, ftp

59

WD2.3.4

Work as a team to create a website.

60

WD2.3.4a

Use good oral and written communication skills as a team member

61

WD2.4.1a

Introduce JavaScript and how it is used in web development

62

WD2.4.1b

Include some simple JavaScript in your website.

63

WD2.4.2a

Introduce functions

64

WD2.4.2b

Create custom functions - for example: function myFunction() {alert("Hello World!");}

65

WD2.4.3

Introduce variables and uses - for example: var name = prompt("Enter you name: "); alert("Your name is" + name);

66

WD2.4.4a

Learn how to gather input from the user

67

WD2.4.4b

Store user input into a variable

68

WD2.5.1

Build an interactive response website

69

WD2.5.2

Participate in a CTSO, Utah Digital Media Arts Festival, or competition

Utah Web Development 2