web developer roadmapダウンロード-Web web developer roadmapソースコードのダウンロード

web developer roadmap

ウェブサイトデータ

1.0.0

ダウンロード

Web開発者のロードマップ

Webロードマップ

Web開発者のロードマップは、FrontEnd、BackEnd、Cloud（AWS）を含むWeb開発を理解するための学習パスです。

Web開発を学ぶ方法は？

Web開発は4つの異なる部分に分けることができます。

データベース
バックエンド
フロントエンド
クラウド（サーバー）

このロードマップは、フロントエンドとバックエンドのために広く使用されているテクノロジー/フレームワークで構成されています。また、クラウド（AWS）に関する概要とサーバーに関する情報も含まれています。

スプリント1-基本的なLinuxコマンド、バージョン制御、Webテクノロジー、コーディングコンベンション

実用的な1.1-基本コマンドとバージョン制御

ターミナルでフォロー操作のコマンドを作成します
- ディレクトリに詳細を記載したすべてのファイルをリストします
- 任意のファイルに読み取り許可のみを指定します
- すべての読み取りおよび書き込み許可を任意のファイルに与えます
- 自分のPCのIPアドレスを取得します
- ディスクスペースの使用を観察します
- 以前に実行されたコマンド履歴を表示します
- PHPをインストール/アンインストールするLinuxコマンド
- MySQLサービスを開始/停止するLinuxコマンド
- 端末からファイルを書き込み、保存します
Gitlabで次の操作を実行します
- gitlabのリポジトリを作成します
- リポジトリのgitステータスを確認してください
- 新しい/更新されたファイルをGitリポジトリにコミットします
- gitリポジトリを押し込みます
- リポジトリから新しい変更を引き出します
- 新しいブランチをチェックアウトします
- ブランチを別のものにマージします
- リバースとスカッシュ
- マージリクエストを作成します
- このレポをクローンするコマンドを書きます

参照

基本的なLinuxコマンド
バージョンコントロールとは何ですか？
Gitの使用方法
- Gitを使用したバージョンコントロール
- Git：コアバージョン制御の概念を理解するための初心者向けガイド
- gitコマンド

実用的な1.2-コーディングコンベンションを備えた基本的なWebテクノロジー

コーディング標準を備えたUI設計
- リンクに与えられた静的UIを設計します
- リンクで与えられたレスポンシブUIを設計します

参照

HTML5
- UdemyのWeb開発ブートキャンプコース - セクション2および3
- 無料のコードキャンプからの基本的なHTMLとHTML5
CSS3
- UdemyのWeb開発ブートキャンプコース - セクション4と5
- ウデミーのWeb開発ブートキャンプコースからのブートストラップ - セクション6および8
- FlexBoxとは何ですか？
- 無料のコードキャンプのフロントエンドライブラリからのブートストラップ
- 無料のコードキャンプからの応答性のあるWebデザイン認定コースを完成させる
コードのフォーマットとベストプラクティス
- 25最も使用されている対コードショートカット
- コードのコードフォーマットとコード
- Web開発のベストプラクティス

実用的な1.3

ユニットコンバーター
- ユーザーから入力し、尋ねられたユニットの値を出力するユニットコンバーターを作成します（変換ユニットはセンチメートル、メートル、キロメートルにすることができます）

参照

JavaScript＆JQuery
- ウデミーのWeb開発ブートキャンプコースからの基本的なJavaScript-セクション9と10
- 基本的なJavaScript、ES6、正規表現、および無料のコードキャンプからのデバッグ
- UdemyのWeb開発ブートキャンプコース - セクション11および13
- JSON、API、およびAjaxの無料コードキャンプ
- 無料のコードキャンプからJavaScriptアルゴリズムとデータ構造を完成させる
- UdemyのWeb開発ブートキャンプコース - セクション14〜16
- フリーコードキャンプからフロントエンドライブラリプロジェクトを完成させます
- ==と===の違い
- jQueryの基本
コーディング規則
- コーディング標準-1
- コーディング標準-2

Sprint 2 -Docker、データベース、PHP

実用的な2.1

Dockerを使用してMySQLをインストールします
Dockerを使用してMongoDBをインストールします

参照

Dockerとは何ですか
Dockerを始めましょう
Dockerを使用してMySQLをインストールします
Dockerを使用してMongoDBをインストールします

実用的な2.2

MySQLで以下のクエリを実行します
- Fields ID、First_name、last_name、starnder、percentage、nextなどを持つstudentsという名前のテーブルを作成し、データを挿入します
- フィールドID、created_at、fenging/ncagefields、およびITにデータを挿入するテーブルstudent_attendancesを作成します
- フィールドID、first_name、last_name、件名、興味などを持つteachersという名前のテーブルを作成し、それにデータを挿入します
- Table teachers_attendancesを作成し、Fields ID、created_at、fenging/ncastile Fieldsを使用して、それにデータを挿入します
- 特定の日に学生の存在/不在を見つけるためにクエリを準備する
- すべての学生の完全な不在/存在を見つけます
- 70未満の割合の不在の生徒を見つけます。
- 存在感がある学生を見つけてください
- すべての生徒と教師のfirst_name、last_name、full_name、関心、標準、件名、および完全不在を取得します。
Mongodbで以下のクエリを実行します（MongodbPlaygroundを使用してPEFORMクエリを使用できます）
- Fields ID、first_name、last_name、starnder、percentage、nextなどを持つstudentsという名前のコレクションを作成し、それにデータを挿入します
- クエリを形成して、70未満のパーセンテージでスポーツに関心を持つ学生を見つけます。
- 70を超える割合の総生徒を数えます

参照

Web開発ブートキャンプコースUdemy-セクション24および25
MySQLサブクエリとユニオンクエリ

実用的な2.3

PHPを使用して、次の要件を備えたブログアプリケーションを作成します
- 2つの側面が必要です
  - 1. 管理者
  - 1. ユーザー
- ユーザーと管理者の両方にレジスタとログイン機能を実装する
- 管理者は投稿を追加できます（ポストフィールド - タイトル、説明、created_date、著者、カテゴリ、画像）
- 管理者は、どのユーザーが投稿を見ることができるかを決定できます
- 追加の投稿はユーザー側に表示されます（最新の最初）

参照

PHP：言語リファレンス
PHP：はじめに
コーディング標準

基本概念

インストールwamp/mamp/xampp
それはどのように正確に機能しますか？
基本的な構文
変数、定数、演算子および制御構造
条件、ループ、スイッチケース
配列、文字列、さまざまな文字列関数
関数
含まれる＆必須
クラスとオブジェクトとコンストラクター
名前空間
拡張機能
例外
JSONエンコードとデコード
セッション
クッキー
ファイル操作
インデックス付き配列と連想配列
オブジェクトvs stdobject
PHPスクリプトのタイムアウト

事前定義された変数

http://php.net/manual/en/reserved.variables.php
$グローバル
$ _Server
$ _get
$ _POST
$ _files
$ _request
$ _Session
$ _cookie

高度なオプション

インターフェイス
特性
クロン
作曲家
php.iniの調整

キーワード

プライベート
公共
静的

スプリント3-ゴラン

実用的な3.1

指定された要件を持つ音楽アプリを実装します

基本概念

なぜ行くの？
GoでHello Worldプログラムを実行します
モジュールに移動します
ジンフレームワーク
定数、可変型
関数、マルチリターン関数、init（）
パッケージとインポート
条件付きステートメントとループ
配列とスライス
ポインター、構造体、および方法
エラー処理
GOFMT
ベストプラクティス
その他
- jwt
- JSON
- REST API

事前の概念

GOのマップ
並行性とゴルウチン
延期
エラー処理
パニックと回復
反射
タイプ変換
ファイル操作
ロギング
JWT（JSON Webトークン）による認証

パッケージ

ジン
mysqlパッケージ
net/http
ファイルコンプレッサー
ロギング
mongodb
ioutil
OS
文字列
静的ファイルをバイナリに解析します
ヌルバリューハンドラー
jwt
socket.io
セントリー

スプリント4 -node.js

実用的4.1

1つのリアルタイムチャットアプリケーションを実装します

実用的な4.2

指定された要件でeコマースアプリを実装します

参照

糸
npm
YARN対NPM
ノード
なぜnode.js？
基本概念：
- commonjsおよびesmodule
- コンソール
- 範囲
- 「この」キーワードパート1
- 「この」キーワードパート2
- Package.jsonの理解
- インポート/エクスポートが必要です
- コールバック
- async-wait
- async.waterfall（）
- ref
- イベントループ
- メールを送信するノードメーラー
- ベストプラクティス
Express.js
- インストール
- エクスプレスジェネレーター
- ルーティング
- ホスト静的ファイル
- テンプレートエンジン（EJS）
- ボディパーサー

Sprint 5 -Vue.js

実用的な5.1

指定された要件を持つvue.jsを使用してeコマースアプリのフロントエンドを実装する

参照

Vue.jsを始めましょう
初心者向けのTailwind CSS
Tailwind CSSチュートリアル
ピニア
概念
- vue.jsとは何ですか？
- はじめる
- インストール
- アプリケーションおよびコンポーネントインスタンス
- テンプレート構文
- データプロパティとメソッド
- 計算されたプロパティとウォッチャー
- クラスとスタイルのバインディング
- 条件付きレンダリング、条件付きスタイルのバインディング
- リストレンダリング
- イベント処理
- フォーム入力バインディング
- コンポーネントの基本
- 小道具
- コンポーネント登録
- スロット
- テンプレートrefs
- 国家管理