ProfileRomdomNotes
ProfileRomdomNotes
プロフィール/雑記/0からコーダーになるまで

0からコーダーになるまで

以前こんな記事を書いた。今日はこれのコーダー版。
人にプログラミングを教えるならどうするか
HTML、CSS、PHP、CommandLineを軽くやる。やっていけそうなら次へ。 Macじゃないと教えられないので みんなが使ってるツールを使った方が情報が多くて良いので 早いうちに成果物が見えることをやらないとアガらないと思うので。 HTMLは div p a img ul li span くらい。CSSは display position font-size font-weight text-align margin padding flexbox color background くらいをまず覚えれば良いかなあ。模写とかやって、デベロッパーツールの使い方を覚えたい brew install git でhomebrewの使い方にちょっと慣れます。 テキストファイルを編集してGitでバージョン管理します。gitコマンドとかはまだ覚えなくて良いので、VSCode標準のgitの機能でadd→commitします。 シェルにブランチ名が出ると変なところでハマらなくなると思うので。自分はpreztoが好きだけど、ちょっと仕組みが複雑だから、他のものの方が良いのかな。とにかくシェルにブランチ名を出す。 GitHubなしで複数人で同じファイルをいじろうとしてダルさを感じてもらったり、コンフリクトを起こしたりするのかな。 サーバーとかドメインとかDNSとかFTPとかもろもろここで。FTPクライアントの設定とか使い方もここで。 ローカル開発環境はMAMP。DBとかサーバー/クライアントとかの概念を学ぶ。DBクライアントもインストールして設定方法とか教える。phpMyAdminはスルー。SQL文もここで軽く書く。 Railsチュートリアルの前準備 ここで挫折しないと良いな。 記事を書くと知識が良い感じに定着するし、後から参照できるので。ここでMarkdownの書き方も学びます。 RubocopとBrakeman このへんからはもう自走できるかな 特徴、必要性、フレームワークやライブラリの情勢など。 Sass、Docker、CI/CD、CDN k8s、GraphQL、webpackの深い理解など。
https://d0ne1s.anotion.so/2c7fb22d871e47369a7b6b8ddddb027b
  • ProgateのHTML、CSS、JavaScfript
  • Macbookを買う
  • ChromeとVScodeをインストール
  • Homebrewをインストール
  • Gitを使う
  • GitHubを使う
  • VSCodeのプラグインでローカルサーバー立てる
  • 適当なサイトを模写する
    • Emmet使う
  • レンサバ借りる
  • ドメインとる
  • FTPでデプロイ
  • Sass使う
    • コンパイルはVSCodeのプラグイン使う
  • この記事に書いてプロパティとか理解する
  • ノンデザイナーズデザインブック読む
  • 複数ページ+ブログとかからなるサイトを作る
  • ↑をWordpress化
  • webpackでコーディング周りの環境を整える
    • ローカルサーバー
    • ホットリロード
    • Sassのコンパイル
    • Pug or EJS
    • 画像圧縮、CSS、JSを圧縮
    • 画像、CSS、JSにハッシュ値を付与
    • ベンダープレフィックスを付与
    • CSSのプロパティをSort
    • etc...
Xでポスト