自己起来学python大约有多个礼拜,不过早在上个学期就有了那个思想,无奈上学期专业课程很心烦,不及那学期灵活度大,所以今后启幕。

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

不难易行介绍下自家要好,小编在Carnegie梅隆高校读硕士,尽管不是搞CS的(莫鄙视)。本科小编是文科生,纯纯正正的文科生,拿了个全奖来CMU起码生活没什么负担,学习费用也没怎么压力,剩下的就是get新技巧了。在总结机牛校每一日奉为圭臬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财富,方便练习。记得在天涯论坛看过,旁人说搞规划啊,写东西啊,学斯拉维尼亚语啊,写代码啊都是有共通的,那便是必须多练,不然生了就瞎了,作者相信这一个,就算小编刚初叶。

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
,维吉妮亚高校的三个教授讲的,界面天灰的,助教用笔在上头写啊写,讲的照旧很通俗易懂,生动有趣的,每一可分为很多节,每一节都有一七个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