davidlarsketch / davidlarsketch.github.io Goto Github PK

View Code? Open in Web Editor NEW

0.0 0.0 0.0 1.5 MB

David Lars Ketch's portfolio page

Home Page: https://davidlarsketch.github.io

CSS 37.32% HTML 10.29% JavaScript 52.39%

davidlarsketch.github.io's People

Contributors

Watchers

davidlarsketch.github.io's Issues

Store professional history database in local storage

Create a resume.js file and include it in your resume.html file.
Build a database object to store the pertinent information about your professional history.
Stringify the database object and store it in local storage.

The first step is to design what each object's properties should be. Consider your written resume, and think about what information your provide to describe each job - title, company, dates, responsibilities. Each object should have those properties.

Store contact information database in local storage

Create a contact.js file and include it in your contact.html file.
Build a database object to store the pertinent information about each of your social media profiles.
Stringify the database object and store it in local storage.

The first step is to design what each object's properties should be - name of service, your name/handle, URL to profile, perhaps the icon of the service. Each object should have those properties.

Paginate your blog articles

Given a user visits your blog page
When the page loads
Then the user should see the first 5 articles of your blog
And there should be numbered pagination links at the bottom of the page so the user can view subsequent sets of five articles

User should see your story

Given a user visits your personal site
When the user views the home page
Then the user should be able to read information about you, including your personal story of why you chose to become a software developer

Populate your projects page from data in the database

Using the database you have in local storage for your projects, follow the ETL process.

Extract the projects data
Transform each project into an <article> element string.
Load that string into the DOM

You may want to create a section element in your HTML file to contain each article.

<body>
    <section id="projects">
        // Each new <article> will be inserted here.
    </section>
</body>

Populate your blog page from data in the database

Using the database you have in local storage for your blog articles, follow the ETL process.

Extract the blog article data
Transform each blog article into an <article> element string.
Load that string into the DOM

You may want to create a section element in your HTML file to contain each article.

<body>
    <section id="articles">
        // Each new <article> will be inserted here
    </section>
</body>

User should see articles for your blog

Given a user visits your personal site
When the user clicks on the Blog navigation link
Then the user should see a list of blog articles

Make sure you post at least one blog article per week

Populate your resume page with data in the database

Using the database you have in local storage for your professional history, follow the ETL process.

Extract the professional history data
Transform each position into an <article> element string.
Load that string into the DOM

You may want to create a section element in your HTML file to contain each article.

<body>
    <section id="professional-history">
        // Each new <article> will be inserted here.
    </section>
</body>

Store blog article database in local storage

Create a blog.js file and include it in your blog.html file.
Build a database object to store the each of your blog articles.
Stringify the database object and store it in local storage.

The first step is to design what each object's properties should be - title, date of publication, tags, author, and content. Each article object should have those properties.

Deploy site to Github

Once you are happy with the content of your site, push it to you Github Pages repository on Github and send the link to the instruction team for review.

User should see projects that you have built

Given a user visits your personal site
When the user clicks on the Projects navigation link
Then the user can view all projects that you have built at NSS

Populate your contact page from data in the database

Using the database you have in local storage for your contact links, follow the ETL process.

Extract the contact data
Transform each social media object into an <article> element string.
Load that string into the DOM

You may want to create a section element in your HTML file to contain each article.

<body>
    <section id="social-media-links">
        // Each new <article> will be inserted here
    </section>
</body>

User should see contact information

Given a user visits your personal site
When the user clicks the Contact navigation link
Then the user should see at least two links of yours on social media (i.e. Twitter, LinkedIn, etc.)

Store project database in local storage

Create a projects.js file and include it in your projects.html file.
Build a database object to store the pertinent information about your software projects. At this point, you only have one of note - your personal site.
Stringify the database object and store it in local storage.

The first step is to design what each object's properties should be - name, date completed, technologies used, teammates (if applicable). Each object should have those properties.

User should see your resume / CV

Given a user visits your personal site
When the user clicks on the Resume link in the navigation bar
Then they will see your professional history

davidlarsketch / davidlarsketch.github.io Goto Github PK

davidlarsketch.github.io's People

Contributors

Watchers

davidlarsketch.github.io's Issues

Recommend Projects

Recommend Topics

Recommend Org