プログラミング 1年生

prog_pu

初心者限定◎初めてのプログラミング

始めた頃は拒否反応しか無かったコードや”黒い画面”。
思い通りに行かないイライラ期をとにかく手を動かす(実際にコードを書いて動かしてみる)事で乗り越えるといつの間にか拒否反応は激減しコードを見るのが楽しいと思えるように。

そんな初心者だからこそ分かる「分からない人の気持ち」で作ったイラスト多め(デザイン寄り)の解説ページ。

2020年から小学校で必須必須となるプログラミング。お子さんにプログラミングを教える大人をサポートします。

THE TEAM  一緒に学ぶなかま

文章としては読み易くデザイン的にも美しく◎ボタンのホバー効果も
押した方のタブの下にバーが表示され、それに伴った内容が下に表示されます
タブを押すと選択した「○日コース」の下に線が表示され文面と写真が切り替わります
ヘッダーなど共通で使うパーツはリユーザブルエレメントで書き出しておくと便利です
ヘッダーロゴにリンクを貼り、新規ページの追加、レスポンシブ設定もします
前回作ったハンバーガーメニューを「×」でクローズする方法です
スマホとPCでメニューの表示を変えます。レスポンシブなサイトに必須です
ちゃんとした構造のサイトにするためのElements tree、縦 横 等間隔に並べるなど
トップページをどのUI Builderを使って作ったかの解説です
コードを書かずにwebアプリが作れるbubbleバブルの解説。アプリの作成、削除、save
ウェブサイトやブログでアイコンを表示できるようにしてくれる有名なサービスです
アイコンをBootsrtapの無料テンプレートに入れる方法です。1から自分で作ったサイトで

INKSCAPEでもスプライトが作れます

「INKSCAPE(インクスケープ)1年生」

ドロー(描く)系フリーソフトです。
機能が多いためスクラッチで描くよりも使いこなすには時間がかかりますが、慣れればこちらの方が効率が良いと思う方もいるはず。

これをきっかけに今後イラストもやってみたいという方はやって損は無いと思います。

PAGE TOP
MENU