フロントエンド開発ロードマップ

Nov 07 2022
ねえ、技術者。Web 開発分野に足を踏み入れることを計画している場合、Web 開発には 3 つの側面があることを知っておく必要があります。

ねえ、技術者。Web 開発分野に足を踏み入れることを計画している場合、Web 開発には 3 つの側面があることを知っておく必要があります。私たちは持っています:

  • フロントエンド開発: これは、アプリケーションのクライアント側と呼ばれる部分です。フロントエンド開発は、Web サイトのユーザー インターフェイスの開発です。ユーザーがやり取りする側。
  • バックエンド開発: これは、アプリケーションのサーバー側と呼ばれる部分です。これは、Web サイトまたは Web アプリのロジック、スクリプト、データベースを処理する側です。ユーザーは、ソフトウェアのこちら側を操作しません。
  • フルスタック開発: これは、Web アプリまたは Web サイトのフロントエンドとバックエンドの両方の開発です。フルスタックの開発者は、フロントエンド テクノロジだけでなく、バ​​ックエンド テクノロジも利用します。

フロントエンド開発へのロードマップ

  • HTML : HTML はHyperText Markup Languageの略です。Web ページを作成するために使用さ れるマークアップ言語です。Web ページの構成要素です。
  1. FreeCodeCamp.org によるHTML フルコース
  2. w3schoolsによるHTML入門
  3. CSS : CSS はカスケーディング スタイル シート言語の略で、HTML で記述された要素のスタイル設定に使用されます。Web サイトまたは Web アプリケーションの色、デザイン、画像サイズ、アイテムの配置、およびレイアウトは、CSS を使用して行われます。
    1. w3schoolsによるCSS紹介
    2. CSS YouTube プレイリストby Mike Dane
    3. JavaScript : 動的な Web ページ コンテンツを作成するためのスクリプト言語です。ユーザーの Web ページとの対話/機能を改善するために使用されます。
      1. w3schools によるJavaScript チュートリアル
      2. JavaScript YouTube プレイリストby Mike Dane
      3. The Net Ninja によるJavaScript YouTube プレイリスト
      ウェブサイトのシンプルな構造
      • Git と GitHub : Git と GitHub は、それぞれプロジェクトのホスト、コード変更の追跡、プロジェクトでのコラボレーション、および場合によってはプロジェクトの展開に使用されるバージョン管理システムと開発プラットフォームです。
      1. Juliet Ofoegbu によるGit と GitHub
      2. The Net Ninja によるGitHub YouTube プレイリスト
      3. Freecodecamp による初心者向けの Git と GitHub
      4. CSS フレームワーク: CSS フレームワークは、用意されたすぐに使用できる CSS ライブラリです。すべてのプロジェクトをゼロからやり直す代わりに、CSS フレームワークは、プロジェクト全体で複製または変更できるユーザー インターフェイスをすばやく設計するためのツールを提供します。Bootstrap、Tailwind CSS、Bulma、Foundation などの CSS フレームワークがその例です。
        1. なぜ Tailwind CSS なのか? ジュリエット・オフェグブ
        2. The Net Ninja によるTailwind CSS YouTube プレイリスト
        3. Freecodecamp.org によるBootstrap CSS YouTube チュートリアル
        4. JavaScript フレームワーク/ライブラリ: JavaScript フレームワークは、プログラマーが関数をカスタマイズして必要に応じて使用できるようにする、JavaScript で記述されたアプリケーション フレームワークです。フレームワークを使用すると、JavaScript の操作がより簡単かつスムーズになり、アプリケーションのデバイスの応答性を高めるなどの可能性が提供されます。React、Angular、Vue、Ember などの JS フレームワークがあります。フロントエンド開発で最も広く使用されている JS フレームワークは、react です。この記事では、React のリソースのみを含めます。オンラインでいつでもさまざまなフレームワークに関するリソースを探すことができます。
          1. React YouTube プレイリストby The Net Ninja
          2. w3schools のReact チュートリアル。
          3. API : API は Application Programming Interface の略です。一連のプロトコルを使用することで、2 つのソフトウェア コンポーネントが相互に通信できるようになります。ほとんどの場合、API を理解する必要があるのはバックエンドの開発者だけだと思われがちですが、フロントエンドの開発者もクライアント側のインターフェイス用にデータをフェッチする必要があるため、API を理解する必要があります。図は、openweather.org 気象データベースから情報を取得して、気象アプリケーションを作成しています。都市または国の気象条件 (降雨量、湿度、日照など) は、気象データの一部として取得できます。このような状況では、フロントエンド開発者は API を理解することで利益を得ることができます。
          4. 学習中は常にプロジェクトを構築することを忘れないでください。これは、学んだことのすべての概念を学び、確実に理解するための最良の方法です。

            技術の初心者として説明責任のパートナーを持つことは、技術分野での成長を大幅に向上させます。以下にいくつかの利点を示します。

            • パートナーに説明責任を負ってもらうことで、順調に進み、アウトプットを増やすことができるかもしれません
            • アカウンタビリティ パートナーは、固定の期限を設定することで、目標と目的の達成を支援します。
            • アカウンタビリティパートナーと話し合うことで、困難なコーディングの問題について新しい視点を得ることができます
            • あなたのアカウンタビリティ パートナーは、あなたが目標にコミットしているのと同じように、正と負の両方の率直なフィードバックを提供することに専念します。

            開発者も技術コミュニティに参加することで恩恵を受けることができます。ここでは、関心を共有する人々とネットワークを築き、プロジェクトで協力し、コーディングの問題の解決策を見つけることができます。この記事では、フロントエンド開発の初心者として技術コミュニティに参加する利点など、技術コミュニティについて知っておくべきことをすべて取り上げました。

© Copyright 2021 - 2022 | hachiwiki.com | All Rights Reserved