You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
38 lines
760 B
Markdown
38 lines
760 B
Markdown
|
5 years ago
|
# Day 1 Exercise
|
||
|
|
|
||
|
|
## Business Card
|
||
|
|
|
||
|
|
* [HTML5 Guide](https://www.semrush.com/blog/semantic-html5-guide)
|
||
|
|
* [HTML5 Developer Guide](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5)
|
||
|
|
* [Web Technology for Developer](https://developer.mozilla.org/en-US/docs/Web)
|
||
|
|
|
||
|
|
Useful html tags `<header>,<article><footer><section>`
|
||
|
|
|
||
|
|
Sample Output
|
||
|
|
|
||
|
|

|
||
|
|
|
||
|
|
|
||
|
|
## [D3.JS](https://d3js.org/)
|
||
|
|
|
||
|
|
Draw a scatter plot graph
|
||
|
|
|
||
|
|
```
|
||
|
|
Data = [ [ 10,15], [20,20], [5,20], [7,4], [22, 6] ]
|
||
|
|
```
|
||
|
|
|
||
|
|
Tips : Use SVG circles
|
||
|
|
|
||
|
|
Scale data by 10 times
|
||
|
|
|
||
|
|
|
||
|
|
## Javascript
|
||
|
|
|
||
|
|
Create code to reverse a string
|
||
|
|
|
||
|
|
* Given string : "Hello!"
|
||
|
|
* Output: "!olleH"
|
||
|
|
|
||
|
|
## Self Assessment
|
||
|
|
|
||
|
|
[Self Assessment](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps/Silly_story_generator)
|