Treehouse: Web Design FOOD BAKING COOKING TECH SOFTWARE WEBSITE DIGITAL MARKETING LIFE Living Insight Sports Shopping Camping Menu FOOD BAKING COOKING TECH SOFTWARE WEBSITE DIGITAL MARKETING LIFE Living Insight Sports Shopping Camping Photo by Sabri Tuzcu on Unsplash Treehouse: Web Design October 14, 2018 1/26/2017就開始Treehouse的課程,其中Web Design系列課程我都沒有完成1/4,如今課程都已更新過,我這種跳躍式的專注力,每天胡思亂想要如何上進,卻也從未完成一件事。今天再次提起勁來,重新來過。給自己一個目標,今年底完成Web Design系列課程,有做到,再想別的事! Course 1: Introduction to HTML and CSS October 14, 2018 Getting Familiar with HTML and CSS滑鼠效應:讓圖轉起來 header .profile-image:hover {transform: scale(2) rotate(360deg);} Web Development: Front End Development & Back End DevelopmentBlog:Frontend vs Backend https://blog.teamtreehouse.com/i-dont-speak-your-language-frontend-vs-backendFront End: Design (Photoshop) + Development (HTML, CSS, JacaScript or jQuery)Back End: 1. server 2. application 3. database (PHP, Ruby, Python)WordPress is a good example of the frontend and backend working together.HTML: The Structural Foundation of Web Pages and ApplicationsHTML: head + bodybody: 1. header 2. main 3. footerPlaceholder website: placeimg (https://placeimg.com/)image tag: src=”img_girl.jpg” alt=”Girl with a jacket” width=”500″ height=”600″>paragraph tag: has its default marginanchor tag = link tag: <a>href = Hypertext Referencehref=”https://twitter.com/michellewu8888?lang=en” target=”blank”>Twitterlist: ol (ordered list) & ul (unordered list)list item: liMake It Beautiful With CSSCSS庫鑑:https://css-tricks.com/almanac/Adding a New Web PageText Editor: https://atom.io/Google basic web page: Anatomy of an HTML document<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>My test page</title> </head> <body> <img src="images/firefox-icon.png" alt="My test image"> </body> </html>Link Stylesheet: <link rel=”stylesheet” href=”resume.css”> Course 2: HTML Basics October 15, 2018 Getting Started with HTMLStructuring Your ContentImages, Text and LinksGoing Further with HTML 想跟我一起當同學嗎?點入左圖,報名去吧!
Treehouse: Beginning Data Analysis FOOD BAKING COOKING TECH SOFTWARE WEBSITE DIGITAL MARKETING LIFE Living Insight Sports Shopping Camping Menu FOOD BAKING COOKING TECH SOFTWARE WEBSITE DIGITAL MARKETING LIFE Living Insight Sports Shopping Camping Photo by Sabri Tuzcu on Unsplash Treehouse: Beginning Data Analysis September 11, 2018 對數字我有不同的鍾愛,我記不住買這個東西要多少錢,那種數字,但是對數據會影響決定的數字是很感興趣的,從溫哥華工作一個月回來,對心裡那份自卑感更重,對自己沒有文筆,沒有設計美感,沒有創意,更沒有速度,好多挫敗。也許可以專注一點還有點興趣的東西,往數據分析和表格,好好努力吧!就從Treehouse的這系列課程開始吧! Course 1: Spreadsheet Basics September 11, 2018 Introducing SpreadsheetsGetting Started With SpreadsheetSpreadsheet Functions & shortcutsSpreadsheet Best PracticesBuild a Spreadsheet這些大部份都是已經知道的常識,很快複習一下。Import csv to Google Sheet: File > Import > Upload > Import Location: Choose Append (附加/附上)to current sheet / Separate Type: Choose Detect automatically Course 2: Data Analysis Basics September 23, 2018 Introducing Data AnalysisDataset: A collection of dataCognitive bias 認知偏見CSV: Comma Separated ValuesGetting to Know Your DataSummarize Date: Maximum, Minimum, Range (=max(…..), =min(…..), Range=max-min)Shortcut key: Command + Shit +DownArrow 全選以下全部Summarize Dat: Mean, Median, ModeMean=Average: One problem with avrages is that they’re easily influenced by outliers (離群)”=mean(….)”Median=the middle value in a data set “=median(….)”Mode=the most frequent value in the data set “=mode(….)Q: A classroom had the following distribution of grades: 30 As, 10 Bs, 8 Cs, and 2 Ds. What was the median grades? A: AΣ (Σ) Standard Deviation (標準偏差)”=stdev(….)”The Data Analysis Process 想跟我一起當同學嗎?點入左圖,報名去吧!