Python基礎觀念教學課程,一步一步帶你理解程式碼怎麼運作

Python基礎觀念教學

你對Python程式碼的運作還是有點似懂非懂嗎?

編寫程式碼時有種不踏實感,總是會卡在一些感覺很基本的語法錯誤上,Python對你來說仍然抽象、有點難懂?

若有這樣的感覺,可能是你對於Python的基本觀念仍然有些模糊與不清楚的地方。

Python基礎觀念教學課程

密西根大學在Coursera上所開設的Programming for Everybody (Getting Started with Python),仔細的為你說明電腦是如何讀取你寫下的程式碼,再將程式碼作為指令去跑出預期結果。

帶你一個值、一個值的從基本的變數、常數、函式、if條件式理解程式碼,再走過for、while迴圈,告訴你迴圈的行走路程,怎麼跳出迴圈,又怎麼進入迴圈。

並仔細的說明break、continue、return這些保留字,是如何參與迴圈的運作,以及如何善用None、try/except,讓你的迴圈跑得更聰明。

總是學不會?1堂教你如何學習的課程,讓你不再跟腦袋作對

如何學習

總是學不會?

也許是因為你一直在跟你的腦袋作對,用錯方法,施錯力,才會勞心、勞力,仍沒好成績。

一位26歲才由文科轉理科的工程學教授,運用親身經歷及腦神經科學研究基礎,教你如何突破學習瓶頸,治好你自認的學習障礙。

學習如何學習,讓你高效率掌握新知識

如果,你常常在學習技能或是知識上,花費了好多心力與金錢,卻屢屢遭遇瓶頸、挫折,導致半途而廢。知名的線上課程平台Coursera所開設的學會如何學習(learning how to learn)這門免費的課程,便是可以把身處學習瓶頸的你,拉出泥沼的救贖。

課程中會帶你理解,為何有人說成功是1分的天才,與99分的努力,但你卻是費盡心力,試了各種方法,卻好像還是敗在沒有天賦上,什麼都學不好,學不會。

問題就在於或許你還沒掌握到善用大腦的訣竅。

CSS繼承(inheritance):1個可能被你忽略的重要觀念

CSS繼承

想成功地套用CSS樣式到網頁上,除了瞭解權重(specificity)之外,CSS繼承(inheritance)也是一個很重要的觀念,可以讓你更清楚樣式套用的優先程度,讓你期望的樣式順利的顯示。

如果你只知道CSS權重,卻沒有CSS繼承的概念,會讓你在使用CSS時,總是有種只知其一,不知其二,好像少了什麼東西的感覺,常常弄不懂樣式到底要怎麼寫,才可以如你所願的展現出來。

本文將帶你瞭解繼承的邏輯是什麼,以及2個繼承的重要特性,讓你簡單弄懂CSS世界中的繼承是什麼。

CSS Transition屬性的4個操作

CSS Transition

使用CSS製作網頁動畫,Transition、Transform、Animation這3個有關CSS動畫的屬性肯定是很常碰到,然後也很容易在不同的屬性名稱、屬性值之間搞混,尤其Transition、Transform,甚至還有Translate,一堆T開頭的英文名稱,好像就讓腦容量滿載了,還沒製作動畫前,腦袋就動不起來了。

為了能夠讓腦袋動起來,學習CSS動畫的操作前,先來看看動畫是如何產生的,對於理解你理解CSS各種屬性的使用,會更有概念。

動畫,其實就是一堆靜止圖像,連續變化而產生的。

也許,你可能就有過自製動畫的經驗,在書本上畫上各種圖案,快速翻動,就變成了一個小動畫,例如下方的影片,就是手繪影格的實例。

2個要點了解CSS圓角屬性border-radius操作

2個要點了解CSS圓角屬性border-radius操作

CSS調整邊框圓角的屬性border-radius,可以讓你的網頁元素的四個角產生圓弧。

例如一個長寬50px的方形,利用border-radius:50%便可以變身成為一個半徑為25px,直徑為50px的圓形。

div{
  width:50px;
  height:50px;  
  background-color:#ffd28d;
  border-radius:50%;
}

See the Pen by Ory (@SLSuccess) on CodePen.

使用 border-radius 你需要掌握的2個要點是圓的半徑,以及圓的位置。

進入正題之前,如果你想要快速的製作出不同的border-radius圖形,不想探究如何操作,你可以在網路上搜尋各種 border-radius 產生器,例如border-radius.com這個網站,試著在方形的四個角,填入不同的數值,來取得你要的圖形。

然而,如能夠仔細的了解 border-radius 的語法,這個屬性使用起來,你會更得心應手。