Responsive Websites Course Contents

7/23/2019 Responsive Websites Course Contents

1/9

Learn To Build Beautiful Responsive Websites==================================================

==========

Learn To Build Beautiful Responsive WebsitesLink:

http://academy.thenextweb.com/courses/learn-to-build-beautiful-html5-and-

css3-websites-in-1-month

Link:

http://academy.thenextweb.com/courses/learn-to-build-beautiful-html5-and-css3-websites-in-1-month?

utmmedium=cpc!utmsource=facebook.com!utmcampai"n=bonhardt-#$-#%

&atch (romo Link:



)ideo on *ntro +o +he ,irst ite

Link:

http://academy.thenextweb.com/courses/learn-to-build-beautiful-html5-and-css3-

websites-in-1-month/lectures/$33$
http://academy.thenextweb.com/courses/learn-to-build-beautiful-html5-and-css3-websites-in-1-monthhttp://academy.thenextweb.com/courses/learn-to-build-beautiful-html5-and-css3-websites-in-1-monthhttp://academy.thenextweb.com/courses/learn-to-build-beautiful-html5-and-css3-websites-in-1-month?utm_medium=cpc&utm_source=facebook.com&utm_campaign=bonhardt-07-08http://academy.thenextweb.com/courses/learn-to-build-beautiful-html5-and-css3-websites-in-1-month?utm_medium=cpc&utm_source=facebook.com&utm_campaign=bonhardt-07-08http://academy.thenextweb.com/courses/learn-to-build-beautiful-html5-and-css3-websites-in-1-month?utm_medium=cpc&utm_source=facebook.com&utm_campaign=bonhardt-07-08http://academy.thenextweb.com/courses/learn-to-build-beautiful-html5-and-css3-websites-in-1-monthhttp://academy.thenextweb.com/courses/learn-to-build-beautiful-html5-and-css3-websites-in-1-monthhttp://academy.thenextweb.com/courses/learn-to-build-beautiful-html5-and-css3-websites-in-1-month/lectures/267337http://academy.thenextweb.com/courses/learn-to-build-beautiful-html5-and-css3-websites-in-1-month/lectures/267337http://academy.thenextweb.com/courses/learn-to-build-beautiful-html5-and-css3-websites-in-1-month?utm_medium=cpc&utm_source=facebook.com&utm_campaign=bonhardt-07-08http://academy.thenextweb.com/courses/learn-to-build-beautiful-html5-and-css3-websites-in-1-month?utm_medium=cpc&utm_source=facebook.com&utm_campaign=bonhardt-07-08http://academy.thenextweb.com/courses/learn-to-build-beautiful-html5-and-css3-websites-in-1-month?utm_medium=cpc&utm_source=facebook.com&utm_campaign=bonhardt-07-08http://academy.thenextweb.com/courses/learn-to-build-beautiful-html5-and-css3-websites-in-1-monthhttp://academy.thenextweb.com/courses/learn-to-build-beautiful-html5-and-css3-websites-in-1-monthhttp://academy.thenextweb.com/courses/learn-to-build-beautiful-html5-and-css3-websites-in-1-month/lectures/267337http://academy.thenextweb.com/courses/learn-to-build-beautiful-html5-and-css3-websites-in-1-month/lectures/267337http://academy.thenextweb.com/courses/learn-to-build-beautiful-html5-and-css3-websites-in-1-monthhttp://academy.thenextweb.com/courses/learn-to-build-beautiful-html5-and-css3-websites-in-1-month


2/9

What We'll Be Building

+hrou"hout this course we0re "oin" to learn +2L and by buildin"

out the 4ne 2illion Linesmake sure to click here for the link to wherethe 42L site is now6 site. *n the process of makin" the site you will

learn e7erythin" you need to know about +2L and so that you

can create any site you want.

* think you are "oin" to be surprised at how easy it is to build "reat

lookin" sites fast and hopefully you start feelin" like you ha7e a new

super power.

&e0ll 8e 8uildin" --9 4ne 2illion Lines &ebpa"e;

Link:

http://www.makerbased.com/oml/

4ne 2illion Lines &ebpa"e ource ode Link

Link:

7iew-source: http://www.makerbased.com/oml/


3/9

. >oo"le hrome 8rowser

3. 8ootstrap

1. ublime +ext 3

Link:

http://www.sublimetext.com/3

. >oo"le hrome 8rowser

Link:

https://www."oo"le.com/intl/en/chrome/browser/desktop/index.ht

ml

3. 8ootstrap

Link:

http://"etbootstrap.com/

lass urriculum

==================

lass urriculum
http://www.sublimetext.com/3https://www.google.com/intl/en/chrome/browser/desktop/index.htmlhttps://www.google.com/intl/en/chrome/browser/desktop/index.htmlhttp://getbootstrap.com/http://www.sublimetext.com/3https://www.google.com/intl/en/chrome/browser/desktop/index.htmlhttps://www.google.com/intl/en/chrome/browser/desktop/index.htmlhttp://getbootstrap.com/


4/9

1. >ettin" tarted

1. (re7iew *ntro +o +he ,irst ite 1:36

. +his >uide &ill 8e @our ourse ,riend

3. +ips ,or ourse 3:36

. ello &orld 3:5A6

5. Bn +2L ettin" @our ,eet &et &ith +2L Bnd

1. Dditin" +he Ea7bar A:#6

. &hat +he


5/9

11.8rin"in0 *n +he *ma"es 1:1#6

3. @our ,irst ite: oundin" 4ut @our kills &ith +he 8ottom

ection

1. +he >rid ystem $:#$6

. Linkin" *t Gp 5:#6

3. 84EG D+*4E: >oo"le ,orms 3:6

. ,ont Bwesome *s Bwesome A:#6

5. (layin" &ith pans :5#6

. tylin" +he >et *n7ol7ed ection 1:5#6

$. enterin" 8lock Dlements :116

%. +he 8eneHts 4f Gsin" lasses :16

A. ello o7er :5$6

1#.8eautiHcation +hrou"h 8ack"round olors :5$6

11.Bll Bbout *ood 4n Bll ettin" @our ite 4n +he &eb ,or +he &orld +o

ee

1. >ettin" @our ite Li7e 4nline &ith ,or"e

. >ettin" @our ite Li7e &ith >ithub A:36


6/9

3. ow +o >et ,ree ostin" Bnd Gse @our ustom oodies &ith Bd7anced +2LK K !

ome 8onus a7ascript

1. &hat0s Eext? 1:$6

. 84EG: crollspy 2a"ic 1#:6

3. 84EG: mooth crollin" 13:116

. ,ixed (ositionin" A:6

5. Bbsolute Bnd elati7e (ositionin" 3:6

. 2odal 2a"ic 3:116

$. i,rameK @ou ,rameK &e Bll ,rame 11:3$6

%. @ou+ube )ideos 3:36

A. enterin" Bbsolute Dlements A:136

1#.+he M-*ndex :6

11.84EG: 2akin" 2oney &ith >umroad %:#6

1.84EG: >rabbin" Dmail Bddresses &ith 2ailchimp 5:16

13.Bll Bbout ,orms 1:56

1.tylin" ,orms 1:56


7/9

$. 8uildin" B 8lo" +emplate

1. Lets >et tarted :56

. ettin" Gp +he 8lo" $:36

3. Bd7anced tylin" 4f ,onts &ith %:A6

. hild (seudo-Dlements 15:$6

5. 2ore (seudo electors 1:A6

. tylin" 4ur 8lo" (osts 1A:1#6

$. ubscribe 8ox #:#6

%. 2ailchimp e7isited :556

A. 84EG: Bd7anced 2ailchimp henani"ans 1#:#36

1#.tylin" Lists 1%:#6

11.e7isit esponsi7eness Bnd Ddit ,ooter 5:36

1.84EG: edi +ools ,or *ncreasin" i"nups Bnd hares $:1$6

%. 8uildin" B 8lo" +emplate: Bd7anced +2L Bnd +opics

1. hare 8uttons Bnd )ertical Bli"nment 1:A6

. ocial 2eta +a"s :%6

3. D4 :3#6

. 4Isettin" olumns $:#%6

5. Let0s ,loat 1:116


8/9

. ticky ,ooter :#$6

$. et tarted :36

. ecreatin" B umbotron ection $:$6

3. 8ack"round 4pacity Bnd +ext hadows $:#36

. *mportin" ,onts ,rom @our omputer 3:16

5. tatic Ea7bars A:6

. ,inishin" Gp +he Ea7bar 5:556

$. ,luid ontainers 11:#A6

%. Linkin"


9/9

Learn To Build Beautiful Responsive Websites

Link:



Link:

http://academy.thenextweb.com/courses/learn-to-build-beautiful-html5-and-css3-

websites-in-1-month?

utmmedium=cpc!utmsource=facebook.com!utmcampai"n=bonhardt-#$-#%

&atch (romo Link:


http://academy.thenextweb.com/courses/learn-to-build-beautiful-html5-and-css3-websites-in-1-monthhttp://academy.thenextweb.com/courses/learn-to-build-beautiful-html5-and-css3-websites-in-1-monthhttp://academy.thenextweb.com/courses/learn-to-build-beautiful-html5-and-css3-websites-in-1-month?utm_medium=cpc&utm_source=facebook.com&utm_campaign=bonhardt-07-08http://academy.thenextweb.com/courses/learn-to-build-beautiful-html5-and-css3-websites-in-1-month?utm_medium=cpc&utm_source=facebook.com&utm_campaign=bonhardt-07-08http://academy.thenextweb.com/courses/learn-to-build-beautiful-html5-and-css3-websites-in-1-month?utm_medium=cpc&utm_source=facebook.com&utm_campaign=bonhardt-07-08http://academy.thenextweb.com/courses/learn-to-build-beautiful-html5-and-css3-websites-in-1-monthhttp://academy.thenextweb.com/courses/learn-to-build-beautiful-html5-and-css3-websites-in-1-monthhttp://academy.thenextweb.com/courses/learn-to-build-beautiful-html5-and-css3-websites-in-1-monthhttp://academy.thenextweb.com/courses/learn-to-build-beautiful-html5-and-css3-websites-in-1-monthhttp://academy.thenextweb.com/courses/learn-to-build-beautiful-html5-and-css3-websites-in-1-month?utm_medium=cpc&utm_source=facebook.com&utm_campaign=bonhardt-07-08http://academy.thenextweb.com/courses/learn-to-build-beautiful-html5-and-css3-websites-in-1-month?utm_medium=cpc&utm_source=facebook.com&utm_campaign=bonhardt-07-08http://academy.thenextweb.com/courses/learn-to-build-beautiful-html5-and-css3-websites-in-1-month?utm_medium=cpc&utm_source=facebook.com&utm_campaign=bonhardt-07-08http://academy.thenextweb.com/courses/learn-to-build-beautiful-html5-and-css3-websites-in-1-monthhttp://academy.thenextweb.com/courses/learn-to-build-beautiful-html5-and-css3-websites-in-1-month

Documents

Responsive Websites Course Contents