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

简单易行介绍下本身要好,作者在Carnegie梅隆大学读大学生,固然不是搞CS的(莫鄙视)。本科笔者是文科生,纯纯正正的文科生,拿了个全奖来CMU起码生活没什么负担,学费也没怎么压力,剩下的正是get新技巧了。在处理器牛校天天三跪九叩geek天才们,耳濡目染也想学习编制程序,于是这么些学期笔者起来sit
in
CMU古板的入财神课15112,简单的话正是教Python,网站之类的能源很齐全,有趣味的能够看大家的平台,下边有相关的学科笔记、作业、还有quiz之类的,不过只要没基础那基本会觉得费事,所以本身提议真是零基础的要么自身补补,上上MOOC之类的再来看看。http://www.cs.cmu.edu/~112/notes/notes-writing-functions.html

9. Add an Image

图片 1

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.

图片 2


  1. 概念描述很清晰,很多诸如刚起头会遇上的variable, module,
    loop,condition之类的都会付给明细的解释。
10. A Guide to Paths

图片 3

图片 4

图片 5

图片 6

图片 7

图片 8

图片 9

那些书本人哗哗看,咔咔敲,看了有四五章的楷模,只要自个儿多少兴趣作者觉得还是能看进去的。当然要是不希罕看书,作者今天在一亩三分地见很几个人举荐了一个Udacity的科目:How
to build a search
engine
,弗吉尼亚高校的叁个上课讲的,界面中湖蓝的,教师用笔在地点写啊写,讲的照旧很通俗易懂,生动有趣的,每一可分为很多节,每一节都有一多少个quiz考察understanding(国外很爱用),跟下来的话应该是7周,可是笔者以为大家可能用持续。最终能够做出叁个search
engine出来,想来是还是不是要么挺赞的?当然,那门课仍然是相符零基础的,要是有C语言的底稿也许懂很多,那就没供给浪费时间了。

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).

那是一本Interactive
book,互动性很强的tutorial,首要用的python3,对于本身那种入门菜鸟而言相当好用:

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

读书其余一样新东西的上马都会略带不方便,小编不希罕鼓吹什么制伏困难,坚定不移,努力够了就能学有所成之类的空话。小编不认为零基础的远非受过系统练习能够长时间速成编制程序大牛,学习编程,学习其余三个事物前最好摆正心态,想想小编为啥学,是为着短时间的功利性目的依然兴趣,还是怎么其余。想清楚了再入手,反而更好持之以恒。

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
.


图片 10

图片 11

图片 12


4.每一章后有glossary总结,方便及时寻找没有弄明白的定义,当然那么些大家也足以上python.org上查看,官方的更强大。

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!


假若都想清楚了,想学了,我们一同来,不用太着急,逐步来,就能够用微小的滴水穿石堆砌曾经以为庞大的佳绩。

3. Make a Button Solution

图片 13

图片 14


那就是说说说本身看了如何书近期,上首先次课时候老师引荐了无数东西,我觉得上课进程快小编要好许多定义的性的要补偿,于是笔者看了这么些

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.

图片 15


课程进程对于自个儿来说是有点快得,究竟本人不是理工出生,很多理工学生大学C语言什么的触发过,数学基础也对比踏实,笔者在高等高校学过微积分和经济数学,那一刻是必须学的,可是都以很肤浅,C语言是什么样自身压根也不精通,所以笔者的法门也许是真着实正的笨方法了。

6. 练习:Make a List

How do I think like a computer
scientist

8. Quiz: Constructing Links

图片 16

图片 17


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

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!

原本网页的样子:

图片 18

My code:

图片 19

网页中展现出来的规范:

图片 20


勤学苦练设置的科学,不是很难,不过也有有点难度的,想找虐心的请看CMU的,量相当大。演习其中分三栏:question,answer,
discussion. Question部分能够一贯调出code
editor写代码,并且run出来观察结果;answer部分点开有解答;最好的是discussion,正是网上的座谈平台,很多在看书的人会提交本身的解法,也有人在下边问难题,照旧挺involving的2个地方。

11. 练习:Figures

图片 21

末尾说几句题外的,也大概究竟题内的:

2. Make a Button

图片 22

图片 23

Mozilla Developer Network
(MDN)


首页截屏

5. 练习:Make All the Headers

图片 24

图片 25

图片 26

图片 27

图片 28


2.小quiz,考察Understanding,有的题目要么有点tricky的。

得力的好网站:http://www.w3school.com.cn/tags/tag\_abbr.asp

每一节后的小quiz

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.

5.lab,exercise财富,方便演练。记得在博客园看过,别人说搞规划啊,写东西啊,学斯洛伐克语啊,写代码啊都是有共通的,这正是必须多练,否则生了就瞎了,小编深信这一个,固然自个儿刚开始。

12. Mockup to Website

图片 29

图片 30

图片 31

自个儿起来学python大致有五个礼拜,可是早在上个学期就有了这一个思想,无奈上学期专业课程十分苦闷,不如那学期灵活度大,所以今后开班。

7. Tree to HTML

图片 32

图片 33

图片 34

图片 35

图片 36


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

相关文章

发表评论

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