learn web development

Learn-Web-Development

2017年のトップ記事からWeb開発を学びます

英語版| 中文版本

2017年1月〜12月の間に、16,000件のWeb開発記事を比較して、トップ45を選択しました。

私たちは、この分野で実践的な経験を持っているWeb開発者から学ぶことがあなたのキャリアを前進させる素晴らしい方法だと信じています。このディレクトリは、2017年に書かれた最も有用なチュートリアルを整理するため、生活を楽にするように設計されています。

このディレクトリには20の重要なトピックがあります。

画像付きのバージョンが必要な場合：中程度のリンクに移動します

目次

1. 一般ガイド
2. aws
3. Docker
4. 安全
5. 最高のコーディングプラクティス
6. git
7. Googleアナリティクス
8. ブートストラップ
9. https
10. vim
11. Webフォント
12. HTMLメール
13. WebAssembly
14. Chrome devtools
15. ケーススタディ
16. パフォーマンス
17. プログレッシブWebアプリ
18. インタビュー
19. 学んだ教訓
20. ユーザーインターフェイス

推奨学習

a）ゲームAI：団結した人工知能を構築するための初心者のガイド。

5,041は、4.7/5つ星を推奨しています

b）コンピュータービジョン：ディープラーニングおよびコンピュータービジョンAZ™：OpenCV、SSD、およびGANSを学び、画像認識アプリを作成します。

8,161は、4.5/5つ星を推奨しています

一般ガイド

• フロントエンド開発者ハンドブック2017-コーディリンドリー
• 2017年にWeb開発者になるためのロードマップ
• フロントエンドチェックリスト：最新のWebサイトと細心の開発者に最適なフロントエンドチェックリスト
• 私たちの500人以上のエンジニアはすべてこのフロントエンド開発ガイドを使用しています

aws

• Amazon Webサービスのオープンガイド。
• AWS ECSとDockerのヒッチハイカーのガイド

Docker

• Dockerの使用を開始する方法は次のとおりです
• Dockerの紹介

安全

• Web開発者セキュリティチェックリスト
• Auth-Boss：Web上のさまざまな認証方法論について学びます。
• ブラウザのセキュリティ警告を擬似パスワードフィールドでバイパスします

最高のコーディングプラクティス

• プログラマーの設計パターン
• Google [PDF]での主要なソフトウェアエンジニアリングプラクティス

git

• Git Flight-Rule：物事がうまくいかないときに何をすべきかについてGitを使用するプログラマー向けガイド。

Googleアナリティクス

• 私がビルドするすべてのサイトで使用するGoogleアナリティクスのセットアップ

ブートストラップ

• ブートストラップ4：あなたが知る必要があるすべて

https

• HTTPSへの6段階の「ハッピーパス」

vim

• 15年後のVim

Webフォント

• Webフォント：必要なとき、そうでないとき

HTMLメール

• Web開発者向けのHTMLメールの構築と送信の紹介 - Smashing Magazine

WebAssembly

• WebAssembly入門 - Smashing Magazineの要約漫画の紹介

Chrome devtools

• Web開発のスキルセットを増やす：ChromeDevtoolsの150のアニメーションヒント
• devtools：最新の2017年（Google I/O '17）
• Chrome開発者ツールを使用して、Taylor Swiftの次のコンサートのチケットを取得する
• Googleのスタッフエンジニア、Chromeのプリロード、プリフェッチ、および優先順位-Addy Osmani

ケーススタディ

• R/Placeの構築方法
• 2か月以内にコードを作成し、Webアプリを作成し、製品ハントで起動することを学びました

パフォーマンス

• Webの状態：インパクトのあるパフォーマンスの改善のガイド
• 必須画像最適化-Addy Osmani
• Webキャッシュ - あなたが知る必要があるすべて
• 少しの機械学習でサイトをスピードアップします

プログレッシブWebアプリ

• PinterestプログレッシブWebアプリのパフォーマンスケーススタディ
• プログレッシブウェブアプリとフロントエンドウェブの初心者向けガイド
• JavaScriptフレームワークを備えたProduction Progressive Webアプリ（Google I/O '17）

インタビュー

• Facebookで開発者の仕事を得ました。これが私のインタビューの準備方法です。
• 次のコーディングインタビューを揺さぶるための30分間のガイド
• Snapchatで開発者の仕事を得ました。これが私が学んだことと、それがあなたの就職活動にどのように役立つかです。
• Googleコーディングインタビューの質問と回答＃1：最初の繰り返し文字

学んだ教訓

• 2007年からタイムトラベラーに10年のウェブ開発をどのように説明するか
• 私は17年間ウェブ開発者でしたが、これが私が学んだことです - ダニエル・カーン
• 開発者のエッジ：シニア開発者になる方法
• ベテランのCTO（複数の成功した出口を持つ）は、あなたのトップスタートアップ構築の質問に答えます

ユーザーインターフェイス

• ドラッグアンドドロップの再考：基本的なものを取り、それを美しくする
• グリッドアイテムアニメーションの拡大
• メニューホバーエフェクトのインスピレーション