CSS入门语法课程,文科生学python

自家起来学python差不离有多个星期,然而早在上个学期就有了这几个念头,无可奈何上学期专门的学问课程很抑郁,不及那学期灵活度大,所以今后上马。

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

差不离介绍下小编要好,小编在Carnegie梅隆大学读大学生,即使不是搞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财富,方便演习。记得在新浪看过,旁人说搞规划啊,写东西啊,学俄语啊,写代码啊都以有共通的,这正是必须多练,不然生了就瞎了,笔者深信这几个,纵然自身刚起先。

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

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注