想學好網頁設計不求人，分享這篇深入淺出css語法入門教學，保證讓你豁然開朗

老闆，製作一門有教育浪漫理想的課程要花多久呢？
ans：#我用了一年（汗流浹背）。

2017/8–2018/8，整整一年時間，我在 Hahow 好學校 製作我的第二門線上課程，把我對線上課程的想像再做好做滿、做爆，做到未曾有人嘗試的東西，也希望他能夠在深度、廣度上完整超過第一堂課。


#這麼猛爆努力的原因
我也同時在探討自己對互動網頁的憧憬從何而來，我最後找到數學與科學。數學與科學的美，是終於在世界中找到秩序，所以即使聽起來艱深，這門課也能與所有人共鳴。


#回到眼前
幸好課程也得到學生們猛爆的肯定（抹額頭汗），回到眼前，課程用有趣的範例，從程式、數學、或設計，整合式的帶你走入絢麗的特效網頁世界，從解決真實的問題或創作來看見學習的目的。

從 html/css 講到 物件導向 講到 數學、音樂、遊戲的綜合應用，囊括 JavaScript 完整入門、es6 物件導向，到後來自己了解原理並做一個遊戲引擎，範例從記憶遊戲、小精靈、生成式藝術到 agar.io。

長達 3,085分鐘，超過 60 個精緻範例與 400 張的投影片，以及四個加碼單元 vue-cli、GSAP、D3、Three.js 的投影片，成為 Hahow 上最長的課程，有興趣的話，就來看看吧。

--
閱讀全文 👉 http://creativecoding.peek.link/29tA
瞧瞧課程 👉
動畫互動網頁程式入門(HTML/CSS/JS)：https://bit.ly/3wM2vtj
動畫互動網頁特效入門(JS/CANVAS)：https://bit.ly/36KD7JV

🌐從『網頁新手快速入門組合包』開始0基礎學程式，做出屬於自己的網頁！

文組起家的安迪連，透過線上跨領域學習，把「🖥程式力」變成我的第二專長，成功轉型為全職的網頁設計師👨🏻‍🎨。也因此很多朋友都在問我，如何 0 基礎開始學習程式?

我的答案就是：找一堂優質的課程，以架設個人網站為目標，一邊看課程影片，一邊一步步的設計出符合自己形象的網站，透過做中學很快就能學會了！而且才會有滿滿的成就感👍！

這次要推薦的這個「網頁新手快速入門｜第一次打造網頁就上手」課程組合包真的太棒了❤️！ 課程規劃的非常完整，四門課程一次擁有CP超高，真的讓你從新手變高手🙋🏻

1️⃣從「給網頁設計初學者的一門課」這門課開始入門，透過HTML、CSS、JavaScript的認識與基礎語法學習，從零開始讓你成為網頁設計師的第一步。

入門的學完後，依照需求還有三門進階課程，精進技術成為高手！

2️⃣透過「使用 Bootstrap 4 提升網頁實戰力」這門課，學習如何套用最受歡迎的前端CSS 框架，做出漂亮精美的網站。
3️⃣在「一次解決常見 CSS 排版問題」這門課中，深入解決網頁版面規劃的跑版問題。
4️⃣最後，在「前端新手開發攻略｜6 小時無痛入門 jQuery」課程中，替網站加上超好用的前端功能！

👍老師講解的很詳細，淺顯易懂。即使是零程式基礎的新手也不必擔心。最棒的是老師不只講理論，還融入大量實作，帶著大家一步步設計出一個專業的網頁~

👍每段影片以5~10分鐘為一個段落，不論是用手機、平板或是電腦都能輕鬆學。通勤時間就可以聽完一段，還能直接在上課的介面中撰寫筆記，與同學們公開，超有成就感！

--

已經有基礎的夥伴，在專注於程式學習 Hiskio 嗨 程式技能 課程平台中，最近他們推出的活動「前端馬拉松GO」，無論是新手還是老手，裡面的課程組合還有2.7折起的優惠，一般外面的課程都很貴！但這次的組合優惠課程，真的很划算！
好多課程一次買起來🔥～

我推薦的課在這 👉 https://bit.ly/2S4wJJl
前端馬拉松GO，其他優惠課程 👉 https://bit.ly/3xxt1Iz

本次的教學主題是用 GSAP 製作直播互動動態效果，哲宇將會手把手帶大家製作彈跳表情符號、emoji 彈幕還有留言與點選動態等效果。

現在許多電商、遊戲甚至課程平台都有了直播的功能，如何透過網頁特效動態來為互動加分，讓使用者好有參與感，就來跟哲宇一起切磋切磋吧。

(1:50:13) 哲宇大型 debug 現場

#GSAP
--

追蹤老闆的 IG：https://www.instagram.com/bosscodingplease/

Hahow 線上課程：
動畫互動網頁程式入門 (HTML/CSS/JS) 👉 https://bit.ly/3i6OTEU
動畫互動網頁特效入門（JS/CANVAS）👉https://bit.ly/3i3sCYy
互動藝術程式創作入門 (Creative Coding) 👉 https://bit.ly/3yliGiV

Creative Coding 台灣站：https://bit.ly/3iQ8iZF

程式亂寫也可以動，要怎麼寫的好或易於閱讀，就得花上一番功夫去學習寫作技巧。

這支影片會和你分享一些基本的知識點，實戰技巧基本上當代程式語言開發都能使用

不過每個時代會有不同的想法跟觀點，不同的團隊也會有不一樣的慣例，希望這次的內容能夠給你一些不一樣的想法

喜歡影片的話！可以幫忙點個喜歡以及分享、訂閱唷！😘

章節:
00:00 提升品質的影響
01:29 有意義的命名比簡寫更好
03:01 限制傳入參數數量
05:03 簡化條件表達式
06:37 變數定義範圍限制
08:28 一次只做一件事
10:35 Early return

━━━━━━━━━━━━━━━━
🎬 觀看我的生活廢片頻道: https://bit.ly/2Ldfp1B
⭐ instagram (生活日常): https://www.instagram.com/niclin_tw/
⭐ Facebook (資訊分享): https://www.facebook.com/niclin.dev
⭐ Blog (技術筆記): https://blog.niclin.tw
⭐ Linkedin (個人履歷): https://www.linkedin.com/in/nic-lin
⭐ 蝦皮賣場: https://shopee.tw/bboyceo
⭐ Github: https://github.com/niclin
⭐ Podcast: https://anchor.fm/niclin
━━━━━━━━━━━━━━━━
✉️ 合作邀約信箱: niclin0226@gmail.com

#前端 #後端 #工程師

Webデザイナーになるための学習を準備中。今回は必要だと思われるアプリやスキルの紹介と、そのために購入した教材をご紹介します。

まだ「Webデザイナーへの道」にも入ってなくて、その一歩手前、といったところでしょうか。


教材紹介

HTML, CSS
Photoshop, Illustorator
AdobeXD
WordPress
デザイン全般

JavaScript
jQuery
PHP
Python


簡単なのでいいから早く案件をこなせるようになりたい
行きつけのコーヒーショップとかに営業したい　


現在、WordとExcel
出張パソコン教室のための準備

iMac欲しい
今の2017のiMacがだいぶあやしい



-----------------------------------------------------------------------
メルマガ
-----------------------------------------------------------------------

►アフィリエイト無料メルマガ講座（全12講）
知識ゼロの状態から始めて、アフィリエイトの仕組み、キーワードの考え方、サイト作成方法などが一通り学べる無料のメルマガ講座です。
登録はこちら→https://affistar.com/affiliate-tips/melmaga-kouza/

►読者参加型メルマガ「エアーメール」（不定期配信）
ネットビジネス全般の情報をお伝えしているメルマガ。YouTubeやブログでは伝えられない最新情報やエッセイを書いています。キャンペーン情報や楽しい企画のご案内も。
登録はこちら→https://affistar.com/essay/airmail/


-----------------------------------------------------------------------
SNS etc.
-----------------------------------------------------------------------

►Blog
https://affistar.com/

►Twitter
https://twitter.com/shimitection

►note
https://note.com/shimizuair

►Amazon 著者ページ
https://amzn.to/39JuhvR

►Amazon ほしい物リスト
https://amzn.to/2TUHBGS

►自己紹介・お問い合わせ
https://affistar.com/profile/


-----------------------------------------------------------------------
オリジナル商品
-----------------------------------------------------------------------

►『アフィリエイトに魅せられて』（Kindle版）
３０歳フリーターの伊藤正義がアフィリエイトに出会い、ネットビジネスの世界で奮闘する物語。日本初のアフィリエイト小説。
Amazonの販売ページ→https://amzn.to/3aRrG38


►『大人のためのYouTube入門』（Kindle版）
ビジネスYouTuberの清水 Airがどうやって登録者2,800人までチャンネルを育てたのかを解説しました。動画の作成方法、登録者の増やし方、あまり知られてないマネタイズ方法までカバー。
Amazonの販売ページ→https://amzn.to/38KBcDF


►アフィリエイトのオリジナル動画教材
アフィリエイト初心者に最適な動画教材。ペラサイトで稼ぐためのノウハウを動画でお届けします。サイト作成ソフト「シリウス」の購入特典として、または個別販売にて入手可能。
紹介動画：https://youtu.be/9eZJT_pwz9k
記事と購入フォーム：https://affistar.com/affiliate-tips/sirius-tokuten/


-----------------------------------------------------------------------
使用機材
-----------------------------------------------------------------------

►iPhoneXR 64GB

►Marantz Pro MPM2000U マイク
(https://amzn.to/2IDZS65)

►SHURE MV88 マイク
(https://amzn.to/32BOe45)

►TAWARON 自撮り棒
(https://amzn.to/2P4idOa)

►YONGNUO 600 LEDビデオライト
(https://amzn.to/2N5CLTX)


※各製品リンクURLはアソシエイトプログラムを­使用しています。


-----------------------------------------------------------------------
PC・編集ツール
-----------------------------------------------------------------------

►iMac（Retina 4K, 21.5-inch, 2017, メモリ 16GB）
►Final Cut Pro X（動画編集）
►Pixelmator（画像・サムネ編集）
►Keynote（スライド・表作成）


-----------------------------------------------------------------------
効果音・BGM・画像
-----------------------------------------------------------------------

►フリー音源
YouTubeオーディオライブラリ
DOVA-SYNDROME
効果音ラボ
無料効果音
甘茶の音楽工房

►フリー画像
いらすとや
イラストAC
写真AC
Pixabay
Unsplash