自家开端学python大致有三个礼拜,不过早在上个学期就有了这么些动机,无语上学期专门的学问课程十分的苦闷,比不上那学期灵活度大,所以今后始发。

(来自Udacity学习进程:https://classroom.udacity.com/courses/ud001/lessons/6987421963/concepts/74229205900923

简要介绍下本人本身,小编在卡内基梅隆大学读学士,固然不是搞CS的(莫鄙视)。本科小编是文科生,纯纯正正的文科生,拿了个全奖来CMU起码生活没什么担当,学习开支也没怎么压力,剩下的便是get新技能了。在Computer牛校每日奉若神明geek天才们,耳闻则诵也想上学编程,于是这几个学期本身先导sit
in
CMU古板的入司门守卫之神课15112,一句话来说就是教Python,网站之类的财富很齐全,有意思味的能够看大家的平台,下边有连带的课程笔记、作业、还会有quiz之类的,可是一旦没基础那基本会感觉费事,所以自身提议真是零基础的要么自个儿补补,上上MOOC之类的再来看看。http://www.cs.cmu.edu/~112/notes/notes-writing-functions.html

有效的好网址:http://www.w3school.com.cn/tags/tag\_abbr.asp

课程进程对于本身的话是有一点点快得,究竟本人不是理工出生,比较多理工学生高校C语言什么的触发过,数学基础也相比朴实,笔者在高校学过微积分和经济数学,那一刻是必得学的,可是都以很浮光掠影,C语言是怎么着我压根也不打听,所以自个儿的艺术恐怕是真真正正的笨方法了。

查语法律专科高校用: https://developer.mozilla.org/en-US/docs/Web/HTML/Element

那正是说说说自身看了什么书这段时间,上第贰遍课时候老师引荐了重重东西,作者以为上课进程快小编要好繁多概念的性的要填补,于是本身看了那几个

1. Welcome to the Problem Set!

The purpose of this problem set is to help you practice writing HTML. We
want you to build confidence and master basic HTML syntax.

If you get stuck, remember that there’s no harm in going back and
rewatching any part of the lesson. And we encourage you to use outside
resources too! You can always refer to MDN
references

or your favorite search engine to get unstuck.

You can do this! Have fun!


How do I think like a computer
scientist

2. Make a Button

爱博体育官网 1

爱博体育官网 2

Mozilla Developer Network
(MDN)


首页截屏

3. Make a Button Solution

爱博体育官网 3

爱博体育官网 4


那是一本Interactive
book,互动性很强的tutorial,主要用的python3,对于自己这种入门新手来说相当好用:

4. Udacity Front End Feedback Extension

While writing code in the Udacity classroom is a great way to learn web
development, we think it’s really important that you practice working
with a text editor and a web browser on your own computer. We also think
it’s incredibly important that you get feedback on your code as you
write it. So, we created the Udacity Front End Feedback Extension to
give you feedback on your sites as you work on your own computer.

To use the extension, you’ll write code in your text editor (doesn’t
matter which one) and then load your site in Google Chrome with the
extension enabled. For some quizzes, the extension will give you a code
that you’ll copy and paste back into the classroom to let us know that
you’ve finished the quiz successfully.

  1. 概念描述很显明,相当多诸如刚开始会境遇的variable, module,
    loop,condition之类的都会交到明细的演说。
How to Load the Extension

STEP 1:

Install the Udacity Front End Feedback Extension from the Chrome Web
Store

(it’s free).

STEP 2:

Go to the Chrome extensions menu
(chrome://extensions)
and give the extension permission to run against file URLs.

爱博体育官网 5


2.小quiz,考查Understanding,有的标题照旧有一点点tricky的。

5. 练习:Make All the Headers

爱博体育官网 6

爱博体育官网 7

爱博体育官网 8

爱博体育官网 9

爱博体育官网 10


每一节后的小quiz

6. 练习:Make a List

3.课程内部的code editor, interpreter,及时visualization

Make a List

Did you know that web developers spend 90% of their time looking things
up?

Ok, I made up that number.

But seriously, making sense of documentation and looking up new
techniques and technologies is a huge part of any web developer’s work.
And that’s what I want you to do for this quiz.

For this quiz, I want you to:

  • Notice that what you’re reading right now is an unordered list 🙂 An
    unordered list usually displays with bullet points.

  • Use the Mozilla Developer Network
    (MDN)

    to research

    unordered lists

    (<ul>).

  • Make an unordered list with the three web languages:

    • HTML
    • CSS
    • JavaScript

There are two kinds of lists – ordered lists and unordered lists. Both
of them require two kinds of elements. One is going to be nested inside
the other (there will be one parent and multiple children).

4.每一章后有glossary总结,方便及时寻觅未有弄领会的定义,当然这么些大家也足以上python.org上查看,官方的越来越强劲。

How to Complete the Quiz

Another unordered list!

  • Download the zip file called
    lists.zip爱博体育官网,.

  • Edit the

    index.html

    file inside by adding the unordered list described above.

  • Turn on the Udacity Feedback Chrome
    Extension

    (if you haven’t already).

  • When you’ve successfully created the unordered list, a code will
    appear in the extension. Paste the code into the classroom in the
    next screen.

Click “Skip to Quiz” when you’re ready to start!

本来网页的标准:

爱博体育官网 11

My code:

爱博体育官网 12

网页中表现出来的范例:

爱博体育官网 13


5.lab,exercise能源,方便练习。记得在今日头条看过,旁人说搞规划啊,写东西啊,学葡萄牙共和国(República Portuguesa)语啊,写代码啊皆以有共通的,那正是必得多练,否则生了就瞎了,作者深信那一个,就算自个儿刚早先。

7. Tree to HTML

爱博体育官网 14

爱博体育官网 15

爱博体育官网 16

爱博体育官网 17

爱博体育官网 18


演习设置的没有错,不是很难,但是也是有有一点点难度的,想找虐心的请看CMU的,量十分的大。练习当中分三栏:question,answer,
discussion. Question部分能够一贯调出code
editor写代码,何况run出来观看结果;answer部分点开有解答;最棒的是discussion,就是网络的斟酌平台,相当多在看书的人会提交本人的解法,也可以有人在地点问难点,依然挺involving的贰个地点。

8. Quiz: Constructing Links

爱博体育官网 19

爱博体育官网 20


本条书笔者哗哗看,咔咔敲,看了有四五章的表率,只要本身有个别兴趣我以为还是能看进去的。当然倘若不希罕看书,作者前几日在一亩九分地见非常多个人推荐了贰个Udacity的学科:How
to build a search
engine
,Virginia高校的贰个教学讲的,分界面栗褐的,教师用笔在下面写啊写,讲的照旧很简单明了,生动风趣的,每一可分为非常多节,每一节都有一七个quiz考查understanding(海外很爱用),跟下来的话应该是7周,不过作者感觉豪门兴许用持续。最后能够做出二个search
engine出来,想来是还是不是要么挺赞的?当然,那门课照旧是相符零基础的,要是有C语言的底子可能懂比很多,那就没须要浪费时间了。

9. Add an Image

爱博体育官网 21

Here’s the MDN reference about
images
.

Click “Skip to Quiz” when you’re ready to go!


Puppy image by
dbking
(originally
posted to Flickr as 272_7242) CC BY
2.0
,
via Wikimedia Commons

Kitten image by
Steve-h

(Flickr: Maggie) CC BY-SA
2.0
,
via Wikimedia Commons

Earth image by Norman
Kuring
,
NASA GSFC, using data from the VIIRS instrument aboard Suomi NPP.

爱博体育官网 22


最终说几句题外的,也说不定毕竟题内的:

10. A Guide to Paths

爱博体育官网 23

爱博体育官网 24

爱博体育官网 25

爱博体育官网 26

爱博体育官网 27

爱博体育官网 28

爱博体育官网 29

学学别的同样新东西的起始都会稍为艰辛,作者不爱好鼓吹什么打败困难,坚持不渝,努力够了就可以成功之类的白话。笔者不以为零基础的远非受过系统磨炼能够短期速成编制程序大腕,学习编制程序,学习其余二个东西前最棒放正心态,想想自个儿怎么学,是为了长期的功利性指标照旧兴趣,照旧怎么其余。想知道了再入手,反而更好持之以恒。

11. 练习:Figures

爱博体育官网 30

即使都想了然了,想学了,我们联合来,不用太匆忙,稳步来,就足以用微小的坚持不渝堆砌曾经以为庞大的精良。

How to Complete this Quiz

  1. Download the file called
    figures.zip.
    You’ll find index.html and an image inside.
  2. Edit index.html so that the caption displays below the image. I
    want you to use a relative path to the image, which is going to
    be in the same directory as index.html. Remember, a relative path
    points to the file from the current directory – it does not
    start with the root. (Your relative path should not start with
    /, file://, C:\, or http://).
  3. There’s more than one option for completing this quiz but you only
    have to complete one option!
    You’ll get a different code depending
    on how you complete it. Type the code into the box in the next
    screen to pass the quiz!

Hint: There is an HTML element made specifically for this situation! I
recommend checking out the figure element on
MDN
.


爱博体育官网 31

爱博体育官网 32

爱博体育官网 33


12. Mockup to Website

爱博体育官网 34

爱博体育官网 35

爱博体育官网 36