コーディング用のダミーチートシート

By Nikhil Abraham

コーディングは、語彙、論理、構文と同等です。コーディングは最初は威圧しているかもしれませんが、実際には、用語、概念、構造に慣れやすいのが簡単です。コーディングを理解することは、新しい言語を学ぶことと違っていません。頻繁に使用すると、自分で発言し、思考し、コードで書くことができます。それでも、初心者が質問をするのは当然です。オンラインとオフラインの両方で利用可能なコーディングリソースが多数あります。周囲に尋ねると、あなたは一人ではなく、他の多くの人が学んでいることがわかります。結局のところ、コーディングは終わりのない教育です。あなたの目の前に新しいマスターファセットが登場します。

<！ - 1 - >

コーディングボキャブラリー

コーディングには、一般人には、まったくの技術不安のように見える広範なボキャブラリーがあります。コーディング関連の記事をオンラインで読んでいるのか、職場の開発者に話しているのかにかかわらず、コーディングのコンテキストで以前に聞いたことのない言葉や、異なる意味を持つ言葉が聞こえることがあります。

• 一般的なWeb開発用語：

  <！ - 2 - >

  • サーバ： ウェブサイトコードをホストし、 "クライアント"コンピュータから要求されたときにウェブサイトコードを提供するコンピュータ。サーバーは通常、数千もの他のサーバーを持つ大規模な倉庫にあり、自宅のコンピューターと同様のサイズと電力です。

  • クライアント： デスクトップまたはラップトップコンピュータ、タブレット、携帯電話など、ウェブサイトにアクセスするためのデバイス。

  • デザイナー： ウェブサイトのルック・アンド・フィールとユーザーがウェブサイトとやり取りする方法（クリック、スワイプ、スクロールなど）を決定する芸術家。

    <！ - 3 - >

  • ワイヤーフレーム： デザイナーがウェブサイトのレイアウト、イメージ、およびカラースキームを詳細に示したイラスト。

  • 開発者： ワイヤフレームを使用可能なWebサイトに変換するコードを書くエンジニアリングプロフェッショナル。記述されたコードのタイプに基づいて、開発者はフロントエンド、バックエンド、またはフルスタックと呼ばれます。

  • フロントエンド： ブラウザで見ることができるすべてのもの。フロントエンドの開発者は、HTML、CSS、JavaScriptなどのフロントエンド言語でコードを記述し、Webサイトの外観を作成します。

  • バックエンド： フロントエンドを意図どおりに機能させるためにバックグラウンドで発生するすべて。バックエンド開発者は、RubyやPythonのようなバックエンド言語でコードを書いて、ユーザーのログイン、ユーザー設定の保存、写真のコメントなどのデータの取得などの機能を作成します。

• フロントエンド言語に関する用語：

  • * HTML （ ハイパーテキストマークアップ言語 ）： テキスト、画像などのコンテンツを配置するための言語。ウェブページ。

  • HTMLタグ： HTML命令。通常はペアで表示されます。ブラウザは、開始タグと終了タグの間でテキストに特殊効果を適用します。たとえば、

    タグはブラウザで大胆な見出しとして表示され、

    Dewey beats Truman

    のように使用できます。

  • HTML属性： タグの動作を変更するHTMLタグの属性またはパラメータ。アトリビュートは常に開始HTMLタグに配置されます。たとえば、hrefは次のアンカータグ（ハイパーリンクの作成に使用）の属性です。

    検索エンジン
    

  • CSS （ カスケードスタイルシート）：Webページ上のHTMLを変更し、テキストサイズ、画像サイズ、および他の属性を変更してコンテンツを表示する。

  • JavaScript： インタラクティブ性とアニメーションをウェブページに追加するコード。 JavaScriptは、マウスクリックなどのブラウザーイベントを検出し、テキスト入力などのユーザー入力を検証し、外部Webサイトからデータを取得します。

  • 変数： 名前を付けられ、後で使用するために数値データまたはテキスト（ 文字列 と呼ばれる）を含む格納場所。

  • If文（条件付き）： 通常はx <18などの変数を含む条件をテストし、条件が真であるときに書き込むコードを実行するコード命令。

  • 機能： 簡単な参照と使用のためにプログラミング文のグループに与えられた名前。

• バックエンド言語に関連する用語：

  • Ruby： Webプログラミングで最もよく知られているオープンソースのプログラミング言語。

  • Rails： Rubyで簡単にWebページを作成するためのフレームワーク。

  • Python： Web、科学アプリケーション、およびデータ解析に使用されるオープンソースのプログラミング言語。

コーディング参考文献とリソース

HTML、CSS、およびJavaScriptは、最も一般的なフロントエンドコーディング言語です。次の表に、3つの言語すべてを継続して練習するためのオンラインリソース、参考資料、およびチュートリアルを示します。

• W3Schools：HTML、CSS、およびJavaScriptのリファレンスガイド

• HTMLチートシート：最も一般的に使用されるHTMLコマンド

• CSSチートシート：最も一般的に使用されるCSSコマンド

• HTMLチュートリアル：Webチュートリアルおよび記事Googleが管理する

• CSSチュートリアル：CSSを中心としたWebプログラミングのチュートリアルと記事

• JavaScriptチュートリアル：JavaScriptのチュートリアルとリファレンスガイド

一般的なコードミス

コードが機能しない？最も経験豊富なコーダーでさえも飛び越えることができるよくある間違いがいくつかあります。コードが実行されない場合は、次のチェックリストを実行して、これらのエラーがあるかどうかを確認してください。

• HTMLタグを開くたびに終了タグがない。

• HTMLに括弧<または>がありません。

• 次のようにCSSの中括弧、コロン、またはセミコロンが欠落しています。

  h1 {color：blue;}
  

• JavaScriptでは中括弧がない。

• 引用符で囲まれたすべてのペアに対して、引用符のペアを閉じることを忘れてしまいます。

• 複数の開閉タグ、タグ、またはタグを持つ。

• CSSファイルまたはセクションにHTMLコードを入れ、HTMLセクションにCSSコードを入れます。コードがスタイルと外観を扱う場合は、CSSと思われます。

• タグを使用してCSSファイルにリンクしていないため、CSSエフェクトがブラウザに表示されません。

• のようにコマンドの一部が間違っています。属性の綴りが間違っています（srcはscrではありません）。

• 開始HTMLタグの外側に属性を含めます。たとえば、

  src = "logo。属性が開始イメージタグの外にあるため、「jpg」は正しくありません。