Webフレームワークの紹介
ロードマップ
- フレームワークとは何か、そして彼らが私たちがアプリケーションを書くのに役立つ理由について話し合う
- フロントエンド、バックエンド、およびCSSフレームワークの区別を学びます
- 今のところどのフレームワークが人気があるか、そしてその理由を学びましょう
- プロジェクトに使用するフレームワークを決定する方法を知っている
どのタイプのアプリを構築しますか?
あなたが確信が持てないなら、こことここに素晴らしいアイデアがあります!また、アプリを最も成功させるものについて考えるのに時間を費やしてください。あなたのアイデアについてあなたのテーブルの人々と話し合いましょう。
Webアプリケーションの類似点
Facebook、Twitter、LinkedIn、Githubを見て、近くの人々と見られる類似点のいくつかをリストしてください。
フレームワークとは何ですか
いくつかの異なるWebアプリケーションを見ると、多くの重複機能があることがわかります。上記で見たものはすべて、ユーザー認証、レンダリング、データベースに接続するビュー、あなたが見ることができるプロファイルを持っている、それらはすべて情報のフィードなどを定型化したいと思うなら、新しいアプリケーションを構築したいたびにそのロジックのすべてを自分で書くことができます。ただし、代わりに私たちのためにそれを行うことができる多くのツールも利用できます。さらに、多くの場合、アプリケーションを構築するときは、効率的であり、他の開発者がコードをより簡単に理解できるようにするために、特定の方法でコードをフォーマットしたい場合があります。 Webフレームワークは、アプリケーションの構造を実現するのに役立ちます。また、追加の作業があまりなくても、アプリケーションに追加できる追加機能を提供します。 Frameworksは、設定の詳細ではなく、アプリケーションの機能に焦点を当てることができるように、アプリケーションから始める場所を提供します。
Most websites share a very similar (not to say identical) structure. The aim of frameworks is to provide a common structure so that developers don’t have to redo it from scratch and can reuse the code provided. In this way, frameworks allow us to cut out much of the work and save a lot of time.
To summarize: there’s no need to reinvent the wheel.
awwardsから。
バックエンド対フロントエンド
Webアプリケーションのフロントエンドは、表示および対話する部分です。これは、Webデザインとサイトの相互作用で構成されています。プログラミング言語の観点から、これはほとんどの場合、ページのCSS、HTML、およびJavaScriptで構成されています。
バックエンドは、サーバー、データベース、およびそれらと対話するコードで構成されています。これは、サイトのフロントエンドに動的なデータを提供するコードで構成されています。これは、ほとんどのプログラミングラングで処理できます。今日主に議論するのは、Python、Ruby、およびNode JavaScriptですが、他には無数のものがあります。
ユーザーインターフェイスフレームワーク
ユーザーインターフェイスフレームワークは、様式化されたプロフェッショナルなWebアプリケーションの作成に役立ちます。ほとんどの場合、何らかのグリッドシステムが含まれているため、要素を適切に整列させ、配色を備えているため、処理されます。
これらのいくつかは次のとおりです。
- ブートストラップ
- Twitterによって非常によく知られ、構築されています
- 学習しやすく、プロフェッショナルに見えます
- 「ブートストラップサイト」を簡単に見つけることができます
- コンポーネントをカスタマイズするのは難しい場合があります
- 実現します
- きれいな外観
- ブートストラップよりも少し「楽しい」
- たくさんのスタイリングとカラーオプション
- Googleのマテリアルスタイルガイドに従います
- 財団
- セマンティックUI
- たくさん内蔵されています
- テーマが組み込まれているため、カスタマイズ可能です
- グロメット
- アクセシビリティに大きな焦点を当てています
- 本当にきれいに見えます
- 他のいくつかほど使用されていません
- React JS用に作られた(後で調べる別のフレームワーク)
UIフレームワークの選択
UIフレームワークを選択することは、主に外観とサイトの目標における個人的な好みになります。さまざまなスタイルは、さまざまな業界にさらにアピールする可能性があります。また、異なるメッセージを伝えることもできます。
さまざまな外観の外観について議論し、サンプルアプリに最適なものを選択します。
フロントエンドフレームワーク
- vue
- 学ぶのは簡単です
- 非常に速い
- それに関連するすべてのツールは、うまくパッケージ化されています
- Angularから部品を取り、反応して最適化します
- 他の一部よりも広く採用されていません
- 柔軟性 - 複数の方法で使用できます
- Angularjs
- Googleによって構築されました
- よくサポートされています
- 膨大な数の機能
- アプリケーションのスケーラビリティを向上させます
- デバッグが難しい
- 大きな学習曲線
- 角度2+
- Googleによって構築されました
- よくサポートされています
- 再利用性を促進します
- アプリケーションのスケーラビリティを向上させます
- 大きな学習曲線
- 反応します
- Facebookによって構築されています
- フロントエンドコードをコンポーネントにバンドルします
- コードとデータを整理して、コードをより再利用可能にします
- 大きな学習曲線
- 知的財産条項といくつかの論争があります
- ember
- 箱から出して大量の機能を提供します
- 意見(そのフォーマットを使用する必要があります)
- 急な学習曲線
フロントエンドフレームワークの選択
これらのいくつかを調べて、コードを見てください。また、それぞれの長所と短所を調査します。アプリのアイデアを学習または統合するのが最善であると考えてください。
バックエンドフレームワーク
- スプリングMVC
- Java(学ぶのがより難しい言語)
- 非常に速い
- 意見があまりない
- Django
- Python(学習しやすい言語)
- 非常に意見を述べられていないことと構造化されていないことの間の幸せな媒体
- ボックスから多くの機能を提供します(ユーザー認証、データベース接続、ビューレンダリングなど)
- 派手なフロントエンドを統合するのは難しい場合があります。
- Pythonのデータ処理は驚くべきものです
- フラスコ
- Python(学習しやすい言語)
- Djangoよりも意見が少なく、カスタマイズ可能です
- 箱の外に少なくなります(あなたはもっと構築する必要があります)
- Ruby on Rails
- ルビー(学習しやすい言語)
- 非常に意見を述べた
- 足場のような素晴らしいツールがあるので、物事を速く構築できます
- ボックスから多くの機能を提供します(ユーザー認証、データベース接続、ビューレンダリングなど)
- アセットパイプラインは、フロントエンド開発に役立ちます
- Rubyは他のプログラミング言語よりもプログラムを実行するのに時間がかかります
- 流星
- JavaScript(学習しやすい言語)
- ボックスから多くの機能を提供します(ユーザー認証、データベース接続、ビューレンダリングなど)
- 最新のフロントエンドと非常によく統合します
- 急行
- JavaScript(学習しやすい言語)
- 非常にカスタマイズ可能です
- 非常に軽量
- ビルトイン機能が少ない
- ノードは非常に高速です
バックエンドフレームワークの選択
これらのいくつかを調べて、コードを見てください。また、それぞれの長所と短所を調査します。アプリのアイデアを学習または統合するのが最善であると考えてください。
より多くのリソース!
- Django Girlsチュートリアル
- コードアカデミー
- todomvc
- CodeNewbieポッドキャスト
- DCをコーディングする女性
- 異なるプログラミング言語はどれくらい速いですか?
連絡を取り合う!
- aspittel.github.io
- Twitterの@Aspittel
- GithubのAspittel
- LinkedInのAli Spittel