Skip to content

Commit a710047

Browse files
kkchu791kkchu791
committed
2 parents 6dd9c9f + f97d12b commit a710047

File tree

3 files changed

+228
-55
lines changed

3 files changed

+228
-55
lines changed

‎README.md

+143
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,143 @@
1+
##Learn to Code LA's first front-end web dev group project
2+
3+
###Homework:
4+
**Priority for our Monday night meetup group goes to those who do the homework!**
5+
6+
1. Make a GitHub account and send your username to Liz Krane on Meetup.com
7+
2. Get familiar with using GitHub. Start on the following (you don't have to finish it all):
8+
- First, watch [this short video series](https://www.youtube.com/watch?v=8oRjP8yj2Wo&list=PLg7s6cbtAD165JTRsXh8ofwRw0PqUnkVH)
9+
- Next, do [this short interactive tutorial](https://try.github.io/)
10+
- And if you need extra help, watch [the first 5 videos in this series](https://www.youtube.com/watch?v=FyfwLX4HAxM&list=PLg7s6cbtAD15G8lNyoaYDuKZSKyJrgwB-&index=1)
11+
3. Add 5 of your favorite web dev links to the bottom of this document
12+
13+
If you get stuck or have any questions, just ask us! We have a [private group chat on Slack](http://learntocodela.slack.com) -- send Liz Krane your email address if you want an invite.
14+
15+
###Goal for next meetup:
16+
- Create a finished HTML document for version 1 of our website content!
17+
18+
###Our list of cool web dev links:
19+
20+
How to use GitHub Pages (host a free website on GitHub):
21+
http://jmcglone.com/guides/github-pages/
22+
23+
Code Pen:
24+
http://codepen.io/
25+
26+
Color Palletes:
27+
http://www.colourlovers.com/
28+
29+
HTML Special Symbols:
30+
http://www.sabinanore.com/design/html-special-symbols/
31+
32+
CSS Gradients:
33+
https://medium.com/@patrickbrosset/do-you-really-understand-css-linear-gradients-631d9a895caf
34+
35+
Why Learning to Code is So Damn Hard:
36+
http://www.vikingcodeschool.com/posts/why-learning-to-code-is-so-damn-hard
37+
38+
Very good resource for Front End Web Developers:
39+
https://medium.com/@ti_asif/200-best-free-tools-resources-for-front-end-web-developers-3fb3c415a643
40+
41+
http://www.w3schools.com/
42+
43+
This website features free lessons to help you learn the basics of HTML, CSS, JavaScript, and WordPress.
44+
http://learnwebcode.com/start-here/
45+
46+
Free web tutorials, codes, templates, tools, and other web creation stuff.
47+
http://www.quackit.com/
48+
49+
Google's Web Fundamentals website:
50+
https://developers.google.com/web/fundamentals/
51+
(and the site itself is open-source: https://github.com/google/WebFundamentals)
52+
53+
30 CSS Best Practices for Beginners
54+
http://code.tutsplus.com/tutorials/30-css-best-practices-for-beginners--net-6741
55+
56+
Java2s.com - Tutorials, code snippets, and a real-time DCOM module to test your code!
57+
www.java2s.com
58+
59+
CSS Basics
60+
http://www.cssbasics.com/
61+
62+
nodejs for beginners, deploy your blog to heroku, how to node http://j.mp/1OTO0qv
63+
64+
perfect css hexagons http://j.mp/1DiyQV5
65+
66+
anatomy of a javascript framework http://j.mp/1IOyRou
67+
68+
the absolute beginners guide to node.js http://j.mp/1GmtPiQ
69+
70+
best practices for building angular.js http://j.mp/1aSHUJt
71+
72+
Code Academy - Make a Website - HTML/CSS
73+
http://www.codecademy.com/en/skills/make-a-website
74+
75+
Code Academy - Make an Interactive Website
76+
http://www.codecademy.com/en/skills/make-an-interactive-website
77+
78+
Code Academy - Learn AngularJS
79+
http://www.codecademy.com/en/learn/learn-angularjs
80+
81+
Global CSS settings, fundamental HTML elements styled and enhanced with extensible classes, and an advanced grid system
82+
http://getbootstrap.com/css/
83+
84+
learn to code by building projects for nonprofits
85+
http://www.freecodecamp.com/
86+
87+
Find in-depth how-tos involving common web development and web design techniques.
88+
http://tympanus.net/codrops/category/tutorials/
89+
90+
An extensive CSS reference with all the important properties and info to learn CSS from the basics
91+
http://tympanus.net/codrops/css_reference/
92+
93+
ABC of JavaScript : An Interactive JavaScript Tutorial
94+
http://www.openjs.com/tutorials/basic_tutorial/index.php
95+
96+
A coding community site with online editor. Share JavaScript, HTML5 and CSS
97+
http://jsdo.it/
98+
99+
HTML5 & CSS3 Fundamentals: Development for Absolute Beginners - 21 Video tutorials
100+
http://www.microsoftvirtualacademy.com/training-courses/html5-css3-fundamentals-development-for-absolute-beginners
101+
102+
CS 50 -- free online course from Harvard, great intro to programming
103+
https://cs50.harvard.edu/
104+
105+
Git Cheat Sheet:
106+
https://training.github.com/kit/downloads/github-git-cheat-sheet.pdf
107+
108+
SitePoint Newsletter:
109+
http://www.sitepoint.com/newsletter/
110+
111+
Enjoycss.com:
112+
http://enjoycss.com/
113+
114+
Zurb's Foundation – An alternative to Bootstrap:
115+
http://foundation.zurb.com/
116+
117+
stuuf
118+
119+
## Javascript
120+
121+
### Books
122+
+ [JS Design Patterns](http://www.addyosmani.com/resources/essentialjsdesignpatterns/book/)
123+
+ [Developing Backbone.js Applications](https://addyosmani.github.io/backbone-fundamentals/)
124+
+ [Javascript Allonge](https://leanpub.com/javascript-allonge)
125+
126+
### References
127+
+ [Javascript MDN Reference](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
128+
129+
### Blogs/Tutorials
130+
+ [HTML5Rocks](http://www.html5rocks.com/en)
131+
+ [DailyJS](http://dailyjs.com/)
132+
+ [NodeSchool](http://nodeschool.io/)
133+
134+
### GitHub Resources
135+
+ [Online version of Scott's authoritative book on Git.](http://git-scm.com/book/en/v2)
136+
+ [Clearn, concise tutorials on Git.] (https://www.atlassian.com/git/tutorials/)
137+
+ [Reference Site of jameswillweb] (http://nicksimson.com/github-for-web-designers/)
138+
139+
140+
141+
142+
143+

‎index.html

+19-55
Original file line numberDiff line numberDiff line change
@@ -1,66 +1,30 @@
11
<!DOCTYPE html>
22
<html>
33
<head>
4-
<meta charset="utf-8"> </meta>
5-
6-
7-
<link type="text/css" rel="stylesheet" href="stylesheet.css" />
8-
9-
10-
<title> Learn to Code LA | Links</title>
4+
<meta charset="utf-8">
5+
</meta>
6+
<title>Learn to Code LA | Links</title>
117
<body>
128
<div class="container">
139
<div>
10+
<h1>Learn to Code LA's Official Guide to the Internet</h1>
11+
<h2> <!-- Somekind of subtitle--> </h2>
12+
</div>
13+
<div>
14+
<h3>HTML</h3>
15+
<ul> <!-- Content --> </ul>
16+
<h3>CSS</h3>
17+
<ul> <!-- Content --> </ul>
18+
<h3>JavaScript</h3>
19+
<ul> <!-- Content --> </ul>
20+
<h3>Python</h3>
21+
<ul> <!-- Content --> </ul>
22+
<h3>Ruby on Rails</h3>
23+
<ul> <!-- Content --> </ul>
24+
<h3>Misc.</h3>
25+
<ul> <!-- Content --> </ul>
1426
</div>
15-
<header>
16-
17-
<h1> Learn to Code LA's Official Page</h1>
18-
<h2> Welcome!</h2>
19-
<img class = "photo" src="https://pbs.twimg.com/profile_images/570672401877188608/U--uaPzE.jpeg">
20-
21-
<ul>
22-
<li><a href="#">About</a></li>
23-
<li><a href="#">Projects</a></li>
24-
<li><a href="#">Members</a></li>
25-
<li><a href="#">Contact</a></li>
26-
</ul>
27-
</header>
28-
<div>
29-
<h3>Welcome to our meetUp Group</h3>
30-
<h4> We get together to practice our coding skills on Monday at 6:30 pm. Sessions usually last until 9:30 pm. We meet at Tom N Toms Cafe in Little Tokyo. Hope to see you there!<h4>
31-
<p>Press a language below to see what projects we have done in the past.</p>
3227
</div>
33-
<table>
34-
35-
<thead>
36-
</thead>
37-
<tbody>
38-
<tr>
39-
<td><a href="http://www.deviantart.com/browse/all/resources/stockart/?order=9&offset=72">
40-
<img src = "http://primetimegigs.com/wp-content/uploads/2014/06/HTML-and-CSS.gif"/></a></td>
41-
<td><a href = "http://www.deviantart.com/browse/all/resources/stockart/?order=9&offset=72">
42-
<img src = "http://www.webupdate24.com/wp-content/uploads/2014/02/js-logo-220x180.jpg"/></a></td>
43-
<td><a href = "http://www.deviantart.com/browse/all/resources/stockart/?order=9&offset=72">
44-
<img src = "http://www.techspot.com/images2/news/bigimage/2014-07-08-image-7.jpg"/></a></td>
45-
</tr>
46-
47-
<tr>
48-
<td>
49-
<a href = "http://www.deviantart.com/browse/all/resources/stockart/?order=9&offset=72">
50-
<img src = "http://tech.co/wp-content/uploads/2014/08/rubyrails.png"/>
51-
</a>
52-
</td>
53-
<td>
54-
<a href = "http://www.deviantart.com/browse/all/resources/stockart/?order=9&offset=72">
55-
<img src = "http://www.brandsoftheworld.com/sites/default/files/styles/logo-thumbnail/public/042014/c_0.png?itok=NGrw5nRV"></a></td>
56-
<td><a href = "http://www.deviantart.com/browse/all/resources/stockart/?order=9&offset=72">
57-
<img src = "https://assets-cdn.github.com/images/modules/logos_page/GitHub-Logo.png"/></a></td>
58-
</tr>
59-
</tbody>
60-
</table>
61-
6228
</body>
6329
</html>
6430

65-
66-

‎kirkindex.html

+66
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,66 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8"> </meta>
5+
6+
7+
<link type="text/css" rel="stylesheet" href="stylesheet.css" />
8+
9+
10+
<title> Learn to Code LA | Links</title>
11+
<body>
12+
<div class="container">
13+
<div>
14+
</div>
15+
<header>
16+
17+
<h1> Learn to Code LA's Official Page</h1>
18+
<h2> Welcome!</h2>
19+
<img class = "photo" src="https://pbs.twimg.com/profile_images/570672401877188608/U--uaPzE.jpeg">
20+
21+
<ul>
22+
<li><a href="#">About</a></li>
23+
<li><a href="#">Projects</a></li>
24+
<li><a href="#">Members</a></li>
25+
<li><a href="#">Contact</a></li>
26+
</ul>
27+
</header>
28+
<div>
29+
<h3>Welcome to our meetUp Group</h3>
30+
<h4> We get together to practice our coding skills on Monday at 6:30 pm. Sessions usually last until 9:30 pm. We meet at Tom N Toms Cafe in Little Tokyo. Hope to see you there!<h4>
31+
<p>Press a language below to see what projects we have done in the past.</p>
32+
</div>
33+
<table>
34+
35+
<thead>
36+
</thead>
37+
<tbody>
38+
<tr>
39+
<td><a href="http://www.deviantart.com/browse/all/resources/stockart/?order=9&offset=72">
40+
<img src = "http://primetimegigs.com/wp-content/uploads/2014/06/HTML-and-CSS.gif"/></a></td>
41+
<td><a href = "http://www.deviantart.com/browse/all/resources/stockart/?order=9&offset=72">
42+
<img src = "http://www.webupdate24.com/wp-content/uploads/2014/02/js-logo-220x180.jpg"/></a></td>
43+
<td><a href = "http://www.deviantart.com/browse/all/resources/stockart/?order=9&offset=72">
44+
<img src = "http://www.techspot.com/images2/news/bigimage/2014-07-08-image-7.jpg"/></a></td>
45+
</tr>
46+
47+
<tr>
48+
<td>
49+
<a href = "http://www.deviantart.com/browse/all/resources/stockart/?order=9&offset=72">
50+
<img src = "http://tech.co/wp-content/uploads/2014/08/rubyrails.png"/>
51+
</a>
52+
</td>
53+
<td>
54+
<a href = "http://www.deviantart.com/browse/all/resources/stockart/?order=9&offset=72">
55+
<img src = "http://www.brandsoftheworld.com/sites/default/files/styles/logo-thumbnail/public/042014/c_0.png?itok=NGrw5nRV"></a></td>
56+
<td><a href = "http://www.deviantart.com/browse/all/resources/stockart/?order=9&offset=72">
57+
<img src = "https://assets-cdn.github.com/images/modules/logos_page/GitHub-Logo.png"/></a></td>
58+
</tr>
59+
</tbody>
60+
</table>
61+
62+
</body>
63+
</html>
64+
65+
66+

0 commit comments

Comments
 (0)