読者です 読者をやめる 読者になる 読者になる

Webサイト専門プログラマの言いたい放題

元システムエンジニアがサイト制作とプログラミングについて好き放題しゃべります。

【javascriptでスマホメニューを作ろう】

f:id:wp-lesson:20170215231856j:plain

アイコンをタップするとメニューが表示され、
もう一度タップするとメニューが消える。
 
レスポンシブなサイトで必ず見かけるスマホメニューを
初めて javascript を学ぶ生徒さんにお教えしました。
 
きちんと改行しても、
たった10行程度のプログラムで作れるのですが、
 
いろんな基本が詰っています。
 
・プログラムでHTMLにアクセスする方法
・プログラムでCSSを書き換える方法
・クリックやタップをプログラムで認識させる方法
 
来週のレッスンでは、これらをjQueryに置き換えて
もっとシンプルで全ブラウザに対応した動作に
改善していきます。
 
CODEMYのマンツーマンレッスンでは、
HTML5やCSS3を基礎からしっかり学びたい方のために、
コース学習の中でカリキュラムをご提案致します。
 
▼無料相談をお気軽にご利用ください。
http://codemy-lesson.office-ing.net/contact
 
━━━━━━━━━━━━━━━━━━
講師が執筆した本が発売されました
━━━━━━━━━━━━━━━━━━
 
『ホームページ作成のツボとコツがゼッタイにわかる本』
定価: 2,400円(税別)出版社:秀和システム
 
Amazon購入ページはこちら
http://amzn.to/2bXJkbs
 
━━━━━━━━━━━━━━━━━━
CODEMYのオンラインレッスン
━━━━━━━━━━━━━━━━━━
 
【1】自宅でマンツーマンレッスン
http://codemy-lesson.office-ing.net/
知りたいことだけ学べる個人レッスンです。
 
【2】動画と個別添削のプログラミング講座
http://bit.ly/2h7ZeRJ
HTML/CSS/JavaScriptの基本が身に付くレッスンです。
↓動画講座を無料体験してください
http://bit.ly/2hw7mIy