1HTML _methodological_instructions_ 1 variant (1)
Оценка 5

1HTML _methodological_instructions_ 1 variant (1)

Оценка 5
doc
09.05.2020
1HTML _methodological_instructions_ 1 variant (1)
1HTML _methodological_instructions_ 1 variant (1).doc

Methodological Instructions

Theme: Website Development Techniques. HTML

Aim: 10.4.2.1 use HTML in web-development;

Assessment criteria

·        Illustrates the skill of using the tags <head>, <body>, <title>, when creating your own web page

·        Illustrates the skill of inserting an image on your own web page

·        Demonstrates a working link on your own web page

·        Demonstrates at least ten html tags

·        Reproduces multiple web pages based on the provided image

Key words and phrases:

Useful phrases for dialogue / writing

Web site, Web server, Web address, Web page, hypertext, hyperlink, tag

Useful set(s) of phrases for dialogue/writing:

·        The initial step is to decide on your preferred layout by looking at other websites.

·        Secondly, consider the style you are aiming for…

·        Having done that, think about the text…

·        The next thing to decide is the names of files and folders….

·        After that, you should work out what kind of images….

·        Subsequently, you need to think about links.

·        Finally, using HTML…

I.                   Theory

Step 1. Every Web Developer must have a basic understanding of HTML, CSS, and JavaScript.

Responsive Web Design is used in all types of modern web development.

ECMAScript 5 (JavaScript 5) is supported in all modern browsers. Take a good look at it, especially the new array functions.

STEP 2

Dig Deeper

When you feel comfortable with HTML and CSS, it is time to dig deeper.

You should learn how to use Maps, Fonts and Icons in HTML.

On the JavaScript side, you should learn how to access the HTML DOM.

You should also learn how to use AJAX and JSON for making server requests.

STEP 3

Choose Frameworks

Now it is time to look at some Frameworks.

 

On the CSS side you should choose a framework for reponsive web design:

Bootstrap  /  Material Design  /  W3.CSS

On the JavaScript side you should learn at least one modern framework:

React.js  /  Angular.js  /  Vue.js   /  W3.JS

Maybe the popularity of jQuery has passed the top, but it is still the most used JavaScript framework.

Roadmap

 

Visual Aids and Materials.

1.      Slides

2.      https://www.w3schools.com/whatis/

3.      https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics

4.      https://generalassemb.ly/coding/front-end-web-development/html

5.      https://tms-outsource.com/blog/posts/web-development-ide/

6.      https://www.khanacademy.org/computing/computer-programming/html-css

7.      https://www.codecademy.com/learn/paths/web-development

8.      https://medium.com/@sameernyaupane/beginners-guide-to-web-development-part-1-introduction-to-html-6b9c3b1cddd3


Скачано с www.znanio.ru

Methodological Instructions

Methodological Instructions

STEP 3 Choose Frameworks Now it is time to look at some

STEP 3 Choose Frameworks Now it is time to look at some

Visual Aids and Materials. 1

Visual Aids and Materials. 1

1. https://www.codecademy.com/learn/paths/web-development 2. https://medium.com/@sameernyaupane/beginners-guide-to-web-development-part-1-introduction-to-html-6b9c3b1cddd3

1. https://www.codecademy.com/learn/paths/web-development 2. https://medium.com/@sameernyaupane/beginners-guide-to-web-development-part-1-introduction-to-html-6b9c3b1cddd3
Скачать файл