Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Advice #4

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
Open

Advice #4

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
829ec83
updated header
LBMAC Jan 13, 2020
f9c31de
New background color and added link
LBMAC Jan 17, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,8 @@
section {
width: 800px;
margin: 100px auto;
background-color: #ff6666;
text-align: center;
}
section h1,
section p {
Expand All @@ -10,7 +12,10 @@ section p {
section h1 {
font: 32px 'Open Sans';
font-weight: bold;
text-align: center;

}
section p {
font: 16px 'Open Sans';
text-align: center;
}
3 changes: 2 additions & 1 deletion index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,10 +5,11 @@
<title>Let's Learn Git, GitHub and the Command Line</title>
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/style.css">
<a href="advice/jane-h-advice.html" target="_blank">Jane H's Advice</a><br>
</head>
<body>
<section>
<h1>Git, GitHub & the Command Line</h1>
<h1>Abracadabra Git, GitHub & the Command Line</h1>
<p>Gotta love becoming a collaborative coder <3</p>
<img src="img/happy-blue-robot.png">
</section>
Expand Down
39 changes: 39 additions & 0 deletions lauren-m-advice.html/your-name-advice.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="../css/style.css">
<!-- replace Skillcrush with your name here -->
<title>Lauren's Advice For Newbies</title>
</head>

<!-- replace skillcrush with your name here -->
<body class="skillcrush-advice">
<header>
<a href="../index.html">Back to Main Page</a>
<a href="advice/lauren-m-advice.html" target="_blank">Lauren's Advice</a><br>
<h1>Hi, my name is Lauren and I have some advice for you!</h1>
</header>

<section>
<div class="advice">
<h4>Confusion is your friend!</h4>
<p>When you start programming your first web app you are doing something that you have never done before. It's a new challenge, a new opportunity, and in the case of software development, something so specific that it's probably never been done before.</p>

<p>Confusion, therefore, is a sign that you are heading in the right direction. It's a signal that you have engaged in the problem solving pursuit that is math and technology and that it's time for you to dig deeper and keep going because clarity awaits.</p>

<h4>Suspended disbelief plays an important role.</h4>
<p>When you are learning a new technology, whether you are learning to write your first programming language, or just the latest framework, you go through this uncomfortable phase where you know that the code you are looking at is doing this THING but you don't understand HOW exactly it's happening.</p>

<p>This is a normal part of the process of learning a new technology, and in fact, it's a critical part of the process.</p>

<p>You see when you encounter a new programming language part of your learning process includes learning to train your eye. The way to train your eye is to read a good deal of code even when you don't totally understand what it's doing.</p>
</div>
</section>

<footer>
<!-- replace Skillcrush with your name here -->
<p>&copy; Copyright Lauren 2020.</p>
</footer>
</body>
</html>