Engineer 3 Point_html/css_WEB-ITnose
本篇是以設計師轉工程師為主要觀點
在研究所那年,我投入大量的時間學程式,由於當時的 Flash 相當火紅,所以決定從 Actionscript 3.0 開始入手,那時也遇到相當多的挫折,印象很深的是在床上看著短短的程式碼 (手打沒問題,重點是我想了解原理,才會在床上看書…),那段寫著什麼是 “變數”,就現在看來這是很簡單的觀念,但我也是花了好幾天才能理解是什麼意思。
現在有機會從事教育推廣,從與許多設計師想轉行工程師中的對談中,認為有以下三個原因阻擾著設計師,如果可以克服,在學習上會更為順利:
不知道如何開始
隔行如隔山,這畢竟是要進入另一個產業,尤其是程式的領域這麼廣,一開始要投入的也不知是否正確,像是我投入 Flash Actionscript 3.0 當完兵就突然沒落了 …。現在行動裝置相當火紅,如果投入 Android 或是 iOS 的開發似乎是不錯的點,但也有可能不久後的開發會改語言(如 Android 改用 Swift) !? 在不斷猶豫之中,就失去許多學習的時間。
就學習上,我是推幾種選擇方式:
- 選擇有興趣的
- 選擇當下最主流的:使用者多不易退流行,替代方案容易出現
- 選擇有需求的:有需求可以強迫學習
就個人經驗來說不太需要擔心學錯語言,因為這不像是線上遊戲練錯就要砍掉重練,已經學會的技能會加速其他相關技能的學習,如同當時學了 Actionscript 3.0 後再接觸 Javascript 是相當類似的,就算是當兵一年沒有接觸,透過肌肉(?)也可以快速喚醒當年的記憶。
不了解怎麼問問題
設計、藝術就像是玄學,許多設計師練就了一項特殊才能:圖像化,設計師們在溝通時可以將語言轉換為圖像,甚至在與他人介紹時可以再將圖像用語言描述出來,但可惜的是程式語言無法用這個技能去描述…。
工程師需要看到程式碼、結果、錯誤訊息才能理解問題點,所以在詢問程式上的問題時有許多眉眉角角要注意,這也是設計師在詢問時經常碰壁的點,如:我想畫一個圓,但不知道為什麼都是方的 ( xxx 傳送一張截圖)。
工程師表示:…
有耐心的工程師會導引你說出他要的答案,但也有可能被工程師白眼後酸一兩句,同時也打擊了學習的慾望。 這畢竟不是一個好的方式,所以在問問題時可提供以下的訊息:
- 原始碼:是用什麼語言寫這個方形的 (ex: html, css 的原始碼)
- 環境:是用什麼環境開發或預覽的 (ex: IE 預覽的唷~)
- 是否有錯誤訊息:盡可能提供錯誤訊息,以開發 Web 來說會經常使用到開發者工具,試著去了解錯誤訊息在哪出現吧~。
惰性
這是最大的個人問題,只能說換行不是一件容易的事情,沒有人鞭策的的情況下容易落入明日復明日的狀態,就算是說很有興趣的人,回到家看到沙發還不是先躺個一兩小時再說,有些時候需要採取一些手段來強迫自己學習,這部分我用過一些方法可以參考看看:
- 付費課程:這當然是最有效的,錢都付了哪有沒認真上的道理…,而且付費學習效率高,短時間內就可以到達一定的水準。
- 每日作業:我有一年強迫自己每天寫 CSS 文章持續 100 天,包含假日我都沒有中斷過,平台也是隨意自己架的。
- 破釜沈舟:如果說該技能沒學完就會影響一件大事(失業、案子無法完成等等),透過這種方式強迫學習,ActionScript 我把它當畢業論文在研究,如果沒學會就無法畢業…。
如果說你是一位設計師,正想轉職做工程師這些問題你也正好存在,這篇文章還沒有完全解決你的問題,你可以來問我們看看,我們很樂意跟你聊聊這方面的問題。
歡迎分享
Facebook: https://www.facebook.com/hexschool/
六角學院網站: http://www.hexschool.com/

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











이 기사는 HTML & lt; Progress & Gt에 대해 설명합니다. 요소, 그 목적, 스타일 및 & lt; meter & gt의 차이; 요소. 주요 초점은 & lt; progress & gt; 작업 완료 및 & lt; meter & gt; Stati의 경우

이 기사는 HTML & LT; Datalist & GT에 대해 논의합니다. 자동 완성 제안을 제공하고, 사용자 경험을 향상시키고, 오류를 줄임으로써 양식을 향상시키는 요소. 문자 수 : 159

기사는 HTML5 크로스 브라우저 호환성을 보장하기위한 모범 사례에 대해 논의하고 기능 감지, 점진적 향상 및 테스트 방법에 중점을 둡니다.

이 기사는 HTML & lt; meter & gt에 대해 설명합니다. 범위 내에 스칼라 또는 분수 값을 표시하는 데 사용되는 요소 및 웹 개발의 일반적인 응용 프로그램. & lt; meter & gt; & lt; Progress & Gt; 그리고 Ex

이 기사는 html5 & lt; time & gt; 시맨틱 날짜/시간 표현 요소. 인간이 읽을 수있는 텍스트와 함께 기계 가독성 (ISO 8601 형식)에 대한 DateTime 속성의 중요성을 강조하여 Accessibilit를 향상시킵니다.

이 기사에서는 브라우저에서 직접 사용자 입력을 검증하기 위해 필요한, Pattern, Min, Max 및 Length 한계와 같은 HTML5 양식 검증 속성을 사용하는 것에 대해 설명합니다.

이 기사는 모바일 장치의 반응 형 웹 디자인에 필수적인 Viewport Meta Tag에 대해 설명합니다. 적절한 사용이 최적의 컨텐츠 스케일링 및 사용자 상호 작용을 보장하는 방법을 설명하는 반면, 오용은 설계 및 접근성 문제로 이어질 수 있습니다.

이 기사는 & lt; iframe & gt; 외부 컨텐츠를 웹 페이지, 공통 용도, 보안 위험 및 객체 태그 및 API와 같은 대안을 포함시키는 태그의 목적.
