DEV Community

Cover image for Day 1: Back to the Basics
Matt McNeive
Matt McNeive

Posted on

Day 1: Back to the Basics

Starting my journey

Today I am so happy to be starting my #100DaysOfCode journey! Throughout the next few months, my primary goal is to learn JavaScript and a few frameworks such as VueJS and NodeJS. While I'm at it, I figured that I would also spend some time refreshing my knowledge of HTML and CSS, which I haven't used in a few years as most of my recent work has been with OOP languages like Java.

Contributions for today

Today I just got myself set up with a new repository and created a pretty basic site. Most of my time was spent setting up some base HTML that I will be able to add some more in-depth styling to tomorrow.

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="styles.css">
    </head>
    <body>
        <h1>Day 1 of 100</h1>
        <div id="container">
            <div id="left-side">
                <p>Super excited to be starting my #100DaysOfCode 
Journey! I hope to get a good refresher 
on my knowledge of HTML and CSS and 
take a deep dive into JavaScript.
                </p>
            </div>
            <div id="right-side">
                <p>New things I hopt to Learn</p>
                <ul>
                    <li>Base JavaScript</li>
                    <li>NodeJS</li>
                    <li>REST API</li>
                    <li>VueJS</li>
                </ul>
            </div>
        </div>
    </body>
</html>
Enter fullscreen mode Exit fullscreen mode
h1{
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 48pt;
    background-color: rgb(23,23,23);
    width: 30%;
    margin-left: auto;
    margin-right: auto;
    padding: 40pt;
    padding-left: 220pt;
    padding-right: 220pt;
    border-radius: 10pt;
}

body{
    background-color: black;
    color: white;
}
Enter fullscreen mode Exit fullscreen mode

So far, this is a super basic webpage, but I hope to spend the next few weeks expanding upon it and adding a lot more content and styling. It really has been some time since i have done front-end development so I want to make sure I take the time I need to refresh my memory and learn some new things along the way. Hopefully, this will provide me with a great foundation to spend the majority of the challenge working with JavaScript.

GitHub logo m-mcneive / 100-days-of-code

#100DaysofCode Challange. Learning front-end development with an emphasis on JavaScript.

100-days-of-code

#100DaysofCode Challange. Learning front-end development with an emphasis on JavaScript.

Top comments (0)