mahuntington
/
angular-notes
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Edit the HTML for the About, Links, and Resume components

Browse Source
master
Matt Huntington 9 years ago
parent de9edab0e1
commit e0b3aad660
4 changed files with 100 additions and 9 deletions
Show Stats Download Patch File Download Diff File

8
router/src/app/about/about.component.html
Unescape View File

@ -1,3 +1,5 @@
<p>
about works!
</p>
<h2>This is the About Section of the Site</h2>
<h3>Early Life</h3>
<p>Just a kid growing up rough on the streets. Hustlin' code for ca$h</p>
<h3>Career</h3>
<p>Now I'm makin' it raaaiiiiiinnnn!!!</p>

18
router/src/app/links/links.component.html
Unescape View File

@ -1,3 +1,15 @@
<p>
links works!
</p>
<h2>This is the Links Section of the Site</h2>
<ul>
<li>
<a href="https://angular.io/">Angular Home Page</a>
</li>
<li>
<a href="https://www.google.com/">Google</a>
</li>
<li>
<a href="https://www.npmjs.com/">NPM</a>
</li>
<li>
<a href="https://nodejs.org/en/">Node</a>
</li>
</ul>

24
router/src/app/resume/resume.component.html
Unescape View File

@ -1,3 +1,21 @@
<p>
resume works!
</p>
<h2>Resume</h2>
<ul>
<li>
<dl>
<dt>2010-2011, 2013-Present</dt>
<dd>Crushed It</dd>
</dl>
</li>
<li>
<dl>
<dt>2008-2010</dt>
<dd>Chief Code Jockey at jockey.com</dd>
</dl>
</li>
<li>
<dl>
<dt>2008-2010</dt>
<dd>Software Engineer at Initech</dd>
</dl>
</li>
</ul>

59
routing.md
Unescape View File

@ -5,6 +5,7 @@
1. Create a new angular app
1. Clean up app HTML
1. Create About, Links, and Resume components
1. Edit the HTML for the About, Links, and Resume components
## Create a new angular app
@ -40,3 +41,61 @@ ng generate component about
ng generate component links
ng generate component resume
```
## Edit the HTML for the About, Links, and Resume components
Edit `src/app/about/about.component.html`:
```html
<h2>This is the About Section of the Site</h2>
<h3>Early Life</h3>
<p>Just a kid growing up rough on the streets. Hustlin' code for ca$h</p>
<h3>Career</h3>
<p>Now I'm makin' it raaaiiiiiinnnn!!!</p>
```
Edit `src/app/links/links.component.html`:
```html
<h2>This is the Links Section of the Site</h2>
<ul>
<li>
<a href="https://angular.io/">Angular Home Page</a>
</li>
<li>
<a href="https://www.google.com/">Google</a>
</li>
<li>
<a href="https://www.npmjs.com/">NPM</a>
</li>
<li>
<a href="https://nodejs.org/en/">Node</a>
</li>
</ul>
```
Edit `src/app/resume/resume.component.html`:
```html
<h2>Resume</h2>
<ul>
<li>
<dl>
<dt>2010-2011, 2013-Present</dt>
<dd>Crushed It</dd>
</dl>
</li>
<li>
<dl>
<dt>2008-2010</dt>
<dd>Chief Code Jockey at jockey.com</dd>
</dl>
</li>
<li>
<dl>
<dt>2008-2010</dt>
<dd>Software Engineer at Initech</dd>
</dl>
</li>
</ul>
```

Write Preview
Loading…
Cancel
Save