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

小编起始学python大概有三个礼拜,但是早在上个学期就有了这一个观念,无奈上学期专门的学问课程很烦躁,不比这学期灵活度大,所以未来始于。

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

简短介绍下自家要好,小编在Carnegie梅隆大学读大学生,纵然不是搞CS的(莫鄙视)。本科小编是文科生,纯纯正正的文科生,拿了个全奖来CMU起码生活没什么担任,学习成本也没怎么压力,剩下的便是get新技能了。在Computer牛校每一天奉为典范geek天才们,耳濡目染也想深造编制程序,于是那几个学期作者起来sit
in
CMU古板的入井神课1511二,简单的话正是教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


那是1本Interactive
book,互动性很强的tutorial,首要用的python三,对于笔者那种入门新手来讲尤其好用:

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


二.小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.每1章后有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


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


以此书本身哗哗看,咔咔敲,看了有45章的标准,只要自身多少兴趣作者以为还能看进去的。当然假若不爱雅观书,笔者明天在1亩三分地见很四个人推荐了二个Udacity的教程:How
to build a search
engine
,维吉妮亚大学的贰个授课讲的,分界面桔红的,助教用笔在上面写啊写,讲的还是很通俗易懂,生动有意思的,每1可分为诸多节,每1节都有1八个quiz调查understanding(外国很爱用),跟下来的话应该是7周,然则自身认为大家莫不用持续。最终能够做出3个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

相关文章