dmcs.tech/resources.html at master · mattxwang/dmcs.tech · 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
---
layout: page
title: DMCS Resources
permalink: /resources/
---
<h1 class="text-center">Club Resources</h1>
<h2 class="text-center">lesson materials, extra learning, and plain cool things</h2>
<h2 class="text-center">
  <a href="https://github.com/uccdmcs"><span class="fa fa-github"></span> Organization</a>
  <a href="https://github.com/uccdmcs/dmcs.tech"><span class="fa fa-github"></span> Website</a>
  <a href="https://github.com/malsf21"><span class="fa fa-github"></span> Matt</a>
  <a href="https://github.com/j0hnmace"><span class="fa fa-github"></span> John</a>
</h2>
<!--
<div class="row">
  <div class="col-sm-4">
    <div class="well">
      <h2>Problem of the Month: FizzBuzz</h2>
      <p>
        Write a program that prints the numbers from 1 to 100. But for multiples of three print “Fizz” instead of the number and for the multiples of five print “Buzz”. For numbers which are multiples of both three and five print “FizzBuzz”.
      </p>
      <a href="http://c2.com/cgi/wiki?FizzBuzzTest">From here.</a> <a href="https://github.com/uccdmcs/problems"><span class="fa fa-github"></span> Submissions.</a>
    </div>
  </div>
  <div class="col-sm-4">
    <div class="well">
      <h2>Featured Solutions</h2>
      <h3><a href="https://github.com/Youpinadi/cssfizzbuzz">FizzBuzz in CSS</a></h3>
      <h3><a href="https://github.com/jacksarick/CS-DM/tree/master/FizzBuzz">Sarick's FizzBuzz</a></h3>
      <h3><a href="https://gist.github.com/malsf21/f72e6439a48574dd8a22ac5156bf3e03">Matt's FizzBuzz in JS</a></h3>
    </div>
  </div>
  <div class="col-sm-4">
    <div class="well">
      <h2>Extra Problems</h2>
    </div>
  </div>
</div>
-->
<div class="row">
  <div class="col-sm-6">
    <h2>Digital Media Resources</h2>
    <p>
      <span class="fa fa-star" style="color:gold;"></span> Starred resources are the very barebones we explore this year, and we'll use them again and again. We suggest you take a peek at them when you can.
    </p>
    <h3>Examples of Stuff We Do</h3>
    <ul class="list-unstyled">
      <li><a href="https://malsf21.github.io/liteweight/">Liteweight (CSS Framework we make in club)</a> <span class="fa fa-star" style="color:gold;"></span></li>
    </ul>
    <h3>Tools and Programs</h3>
    <ul class="list-unstyled">
      <li><a href="https://github.com/">GitHub</a>  <span class="fa fa-star" style="color:gold;"></span></li>
      <li><a href="http://www.mamp.info">MAMP</a> <span class="fa fa-star" style="color:gold;"></span></li>
      <li><a href="https://atom.io/">Atom</a></li>
      <li><a href="http://brackets.io/">Brackets</a></li>
      <li><a href="https://desktop.github.com/">GitHub Desktop</a></li>
      <li><a href="http://brew.sh/">Homebrew</a></li>
      <li><a href="http://sipapp.io/">Sip</a></li>
      <li><a href="https://www.sublimetext.com/">Sublime Text</a></li>
    </ul>
    <h3>Frameworks that we explore</h3>
    <ul class="list-unstyled">
      <li><a href="https://getbootstrap.com">Bootstrap</a> <span class="fa fa-star" style="color:gold;"></span></li>
      <li><a href="https://jquery.com/">jQuery</a> <span class="fa fa-star" style="color:gold;"></span></li>
      <li><a href="https://angularjs.org/">Angular</a></li>
      <li><a href="http://www.chartjs.org/">Charts.js</a></li>
      <li><a href="http://electron.atom.io/">Electron</a></li>
      <li><a href="http://fontawesome.io/">Font Awesome</a></li>
      <li><a href="http://ionicframework.com/">Ionic Framework</a></li>
      <li><a href="https://jekyllrb.com/">Jekyll</a></li>
      <li><a href="https://getmdl.io/">Material Design Light</a></li>
      <li><a href="http://sass-lang.com/">SASS</a></li>
    </ul>
    <h3>Tutorials and Learning Resources</h3>
    <ul class="list-unstyled">
      <li><a href="https://www.codecademy.com/">Codecademy</a>  <span class="fa fa-star" style="color:gold;"></span></li>
      <li><a href="http://www.w3schools.com/">W3 Schools</a>  <span class="fa fa-star" style="color:gold;"></span></li>
      <li><a href="https://guides.github.com/">GitHub Guides</a></li>
      <li><a href="https://developers.google.com/web/fundamentals/">Google Web Fundamentals</a></li>
      <li><a href="http://marksheet.io/">Marksheet HTML and CSS Tutorial</a></li>
      <li><a href="http://stackoverflow.com/">Stack Overflow</a></li>
      <li><a href="http://jgthms.com/web-design-in-4-minutes/">Web Design in 4 Minutes</a></li>
    </ul>
  </div>
  <div class="col-sm-6">
    <h2>Computer Science Resources</h2>
    <p>
      <span class="fa fa-star" style="color:gold;"></span> Starred resources are the very barebones we explore this year, and we'll use them again and again. We suggest you take a peek at them when you can.
    </p>
    <h3>Tools and Programs</h3>
    <ul class="list-unstyled">
      <li><a href="https://github.com/">GitHub</a>  <span class="fa fa-star" style="color:gold;"></span></li>
      <li><a href="https://nodejs.org/dist/v4.5.0/node-v4.5.0.pkg">Node v4.5.0</a> <span class="fa fa-star" style="color:gold;"></span></li>
      <li><a href="https://atom.io/">Atom</a></li>
      <li><a href="http://brackets.io/">Brackets</a></li>
      <li><a href="https://desktop.github.com/">GitHub Desktop</a></li>
      <li><a href="http://brew.sh/">Homebrew</a></li>
      <li><a href="https://www.sublimetext.com/">Sublime Text</a></li>
    </ul>
    <h3>Tutorials and Learning Resources</h3>
    <ul class="list-unstyled">
      <li><a href="https://www.codecademy.com/">Codecademy</a>  <span class="fa fa-star" style="color:gold;"></span></li>
      <li><a href="http://www.w3schools.com/">W3 Schools</a>  <span class="fa fa-star" style="color:gold;"></span></li>
      <li><a href="https://guides.github.com/">GitHub Guides</a></li>
      <li><a href="http://stackoverflow.com/">Stack Overflow</a></li>
    </ul>
  </div>
</div>