webPage/index.html at master · YearOfProgramming/webPage · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<!--DOCTYPE HTML-->
<html lang="en">

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Year of Programming: 2017</title>
	<link rel="stylesheet" type="text/css" href="dist/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="dist/css/style.min.css">
	<link rel="stylesheet" type="text/css" href="dist/css/style.css">
	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Code+Pro">
	<link rel="shortcut icon" href="public/img/fav.ico" type="image/x-icon">
	<script src="https://use.fontawesome.com/fe0e0c170d.js"></script>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</head>

<nav class="navbar navbar-default" style="font-family: 'Source Code Pro', monospace;">
	<div class="container-fluid">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
			<a class="navbar-brand" href="index.html">Year of Programming: 2017</a>
		</div>
		<div class="collapse navbar-collapse" id="myNavbar">
			<ul class="nav navbar-nav navbar-right">
				<li>
					<a href="https://github.com/YearOfProgramming/2017Challenges" style="font-size: 15px">
						<i class="fa fa-github fa-1x" aria-hidden="true"></i> GITHUB REPO
					</a>
				</li>
				<li>
					<a href="https://yearofprogramming.signup.team/" style="font-size: 15px">
						<i class="fa fa-slack" aria-hidden="true"></i> SLACK CHANNEL
					</a>
				</li>
				<li>
					<a href="gitTut.html" style="font-size: 15px">
						<i class="fa fa-list" aria-hidden="true"></i> USAGE TUTORIAL
					</a>
				</li>
			</ul>
		</div>
	</div>
</nav>

<body>
	<div id="body-container" class="container-fluid">
		<div class="page-header">
			<center><img class="img-responsive" alt="Year of Programming: 2017 Logo" src="public/img/banner.png"></center>
		</div>
		<div class="row">
			<div class="col-sm-10 col-sm-offset-1 col-md-10 col-md-offset-1">
				<h1>What Is This?</h1>
				<p>A common source of frustration among budding developers is acquiring the experience necessary to move past the early stages of programming and computer science. Year of Programming is an active community of dedicated participants that encourage each other to acquire daily experience in problem solving, programming and computer science through collaboration. Every year means new challenges and new faces - welcome to 2017!</p>

				<div class="row">
					<div class="col-md-6 col-sm-6">
						<h1>How Does It Work?</h1>
						<p>We will periodically release a new programming challenge through our GitHub Repository. As a participant, you will solve this challenge with the programming language of your choice. Additionally, we ask that you document your thought process, explain how to compile your code, and describe how to use your program.</p>
						<p>When finished, you will submit your code for review and your peers will review your code and give you feedback. Once enough people have reviewed and approved of your solution, we will merge your code onto the repository and the solution will be stored there for that challenge.</p>
						<p>Most of our communication is done through our Slack channel. You can discuss anything from the challenges to developing technologies to career advancement and everything in between. <b>It is highly recommended that you join the Slack channel in order to properly participate.</b></p>
					</div>

					<div class="col-md-6 col-sm-6">
						<h1>What's In It For Me?</h1>
						<p>As programmers and developers, we are all constantly seeking improvement. This process is designed to develop your problem solving abilities and to promote a higher standard for beginning and intermediate programmers. By the end of the year, you will be able to:</p>
						<ul class="list-unstyled">
							<li><i class="fa fa-check" aria-hidden="true"></i>&nbsp;Solve Programming Problems</li>
							<li><i class="fa fa-check" aria-hidden="true"></i>&nbsp;Write Clean Code</li>
							<li><i class="fa fa-check" aria-hidden="true"></i>&nbsp;Use Version Control with Git and GitHub</li>
							<li><i class="fa fa-check" aria-hidden="true"></i>&nbsp;Provide Solid Feedback for Code Reviews</li>
							<li><i class="fa fa-check" aria-hidden="true"></i>&nbsp;Draft Technical Writings</li>
							<li><i class="fa fa-check" aria-hidden="true"></i>&nbsp;Communicate and Collaborate Effectively</li>
						</ul>
						<p>Additionally, our Slack channel is an invaluable resource for tools, insight, and code review from professional programmers and intelligent students from around the world. We provide the means to open source your training as a developing programmer.</p>
					</div>
				</div>

				<div class="row">
					<div class="col-md-6 col-sm-6">
						<h1>Challenges</h1>
						<p>Each challenge will be posted in its own folder, in numbered order. Each challenge folder will have a Challenge.md file describing the challenge, and may have some example code or test cases provided. Do your very best to avoid help for as long as possible.</p>
						<p>If you have a question, first try to ask it to yourself out loud - <a href="https://en.wikipedia.org/wiki/Rubber_duck_debugging">it's a proven trick</a>!</p>
					</div>

					<div class="col-md-6 col-sm-6">
						<h2>Solutions</h2>
						<p>To submit your solution, open a <a href="https://help.github.com/articles/about-pull-requests/">pull request</a> on the main repository. We'll make sure that merging won't cause any problems, and go from there.</p>
						<p>When submitting a pull request please use the following format for your title: <code>[Language] Challenge # (UnderReview)</code></p>
						<p>For a more comprehensive guide on how to use GitHub for these challenges, visit this <a href="gitTut.html">page</a></p>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="footer" style="color:#fff; background:#5C5C5C;">
        <div class="col-md-8 col-md-offset-2" style="padding-top: 20px;">
            <div class="row">
                <div class="col-md-3 col-md-offset-2" style="text-align: center; font-size: 14px; padding-left:15px;">
                    <a href="https://github.com/YearOfProgramming/2017Challenges">
                        <i class="fa fa-github fa-5x" aria-hidden="true" style="padding-bottom: 10px"></i>
                    </a>
                    <p>GitHub</p>
                </div>

                <div class="col-md-3 col-md-offset-2" style="text-align: center; font-size: 14px; padding-right:30px;">
                    <a href="https://yearofprogramming.signup.team/">
                        <i class="fa fa-slack fa-5x" aria-hidden="true"style="padding-bottom: 10px " ></i>
                    </a>
                    <p>Slack Channel</p>
                </div>
            </div>
            <div class="row">
                <div class="col-md-8 col-md-offset-2" style="text-align: center">
                    <h6>Page created and maintained by YOP org Copyright &copy 2017</h6>
                </div>
            </div>
        </div>
     </div>
    </div>
</body>
</html>