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

自身起来学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能源,方便操练。记得在果壳网看过,别人说搞规划啊,写东西啊,学罗马尼亚(罗曼ia)语啊,写代码啊都以有共通的,那便是必须多练,不然生了就瞎了,作者相信那么些,尽管自己刚起始。

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

相关文章