個人財務 コーディング用のダミーチートシート

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

目次:

ビデオ: BMW E46 US STYLE INDICATORS - EASY WAY - NCS EXPERT TUTORIAL 2025

ビデオ: BMW E46 US STYLE INDICATORS - EASY WAY - NCS EXPERT TUTORIAL 2025
Anonim

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」は正しくありません。

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

エディタの選択

Squarespaceでサイトの活動を追跡および監視する方法 - ダミー

Squarespaceでサイトの活動を追跡および監視する方法 - ダミー

SquarespaceのWebサイトは、どのようなコンテンツが読者を引き付けるのかを知ることによって、より多くの訪問者を引き付けるのに役立ちます。訪問者があなたのサイトにどのようにして最も人気のあるコンテンツになったかということから、より多くの訪問者を誘導するのに役立ちます。訪問者がどこから来たかを見つける方法

Squarespace 6モードの編集 - ダミー

Squarespace 6モードの編集 - ダミー

Squarespace 6で特定のタスクを実行する場所を知ることは、ウェブサイトを構築したことのない人や、Squarespaceを初めて使用した人のための混乱した決定です。プレビュー:あなたのサイトとコンテンツがどのように見えるかを確認します。

エディタの選択

あなたのLinkedInプロフィールに特許を追加する - ダミー

あなたのLinkedInプロフィールに特許を追加する - ダミー

特許は専門的な業績であり、LinkedInプロフィール。あなたが自分の名前に特許を持つ発明者である場合、特許セクションはあなたの作品を紹介する場所です。 Patentsセクションに特許を追加する方法は次のとおりです。LinkedInプロファイルを開きます。特許セクションが既にある場合は...

あなたのLinkedInプロフィールにプロジェクトを追加する - LinkedInプロフィールのダミー

あなたのLinkedInプロフィールにプロジェクトを追加する - LinkedInプロフィールのダミー

プロジェクトセクションは注目に値する場所です企業主導のイニシアチブへのあなたの関与。エクスペリエンスセクションのシンプルな弾丸よりも大きなスポットライトを必要とする長距離、高歩留まりのプロジェクトは、プロジェクトセクションに属します。

あなたのLinkedInプロフィールに出版物を追加する - ダミー

あなたのLinkedInプロフィールに出版物を追加する - ダミー

LinkedInの出版物セクションは、作業。このセクションは、あなたのライティング能力にスポットを当て、知識を紹介するのに最適な場所です。このセクションはあなたが書いた本のためのものだとは思わないでください。

エディタの選択

Google SketchUp 8でシーンを作成する方法 - ダミー

Google SketchUp 8でシーンを作成する方法 - ダミー

Google SketchUpでシーンを作成する方法は、あなたのモデルのスナップショット。ビューを保存するためにシーンを作成し、そのモデルで作業を続けてからそのシーンに戻っても、モデルはシーンを作成したときの状態に戻りません。カメラの位置は...

Google SketchUp 8でシーンを使ってセクションアニメーションを作成する方法 - ダミー

Google SketchUp 8でシーンを使ってセクションアニメーションを作成する方法 - ダミー

アニメーションを作成するためのシーンは、Google SketchUpモデルを見せてくれる便利で印象的な方法です。基本的な考え方は、シーンを使用してセクションプレーンがモデル内を移動するアニメーションを作成できることです。このテクニックを使用する理由はいくつかあります:...

Google SketchUp 8で新しい地形モデルを作成する方法 - Googleでモデリングするときのダミー

Google SketchUp 8で新しい地形モデルを作成する方法 - Googleでモデリングするときのダミー

SketchUp、地形を作成する必要があるかもしれません。建物の土地のパッチをモデリングしている場合でも、セントラルパークを再設計している場合でも、既存のデータから地形をモデル化することができます。既存のデータは通常輪郭線またはトポ・ラインの形で到着します。