7 日間の HTML および CSS コードは、フロントエンドの本質を実践するために Alura が提供する無料のオンライン機会です。

7 日間にわたって、「div」、「セクション」、画像のインライン、CSS での測定などの基本的な概念から、より高度なテクニックまですべてを適用して、Netflix の映画とシリーズのページのレイアウトを複製することに挑戦します。フレックスボックスやグリッドなど。

このプロジェクトは、各タグの構文を正確に把握し、その機能を理解し、問題解決に集中できるように設計されています。

最終的には、より堅牢なポートフォリオと更新された GitHub が得られ、進化を示すことになります。 7 日間で 7 つのチャレンジに挑戦するので、これまでの学習を実践し、フロントエンド開発スキルを向上させる絶好の機会です。

7 日間の HTML および CSS コード

HTML および CSS の「7 日間のコード」は、フロントエンド開発のスキルを深めたい人のために Alura が提供する無料のオンライン機会です。

画像はイベントページより

7 日間、Netflix の映画とシリーズのページのレイアウトを複製することに挑戦し、基本概念から開発者にとって不可欠なより高度なテクニックまですべてを適用します。

重要な概念の適用

このチャレンジでは、「div」、「section」、画像のインライン、CSS の測定などの基本概念を使用します。

レスポンシブで機能的なレイアウトの作成に必要なツールを確実に習得するために、フレックスボックスやグリッドなどのより高度なテクニックが適用されます。

このプロジェクトは、各タグの構文を解明し、その機能を理解できるように設計されており、より複雑な問題の解決に集中できるようになります。

ポートフォリオと GitHub を開発する

7 日間の集中的な練習が終わると、HTML と CSS の知識が強化されただけでなく、ポートフォリオが充実し、実際のやりがいのあるプロジェクトで GitHub が更新されたことになります。

これは、学んだことを実践し、就職市場で自分のスキルをアピールする絶好の機会です。

チャレンジで取り組んだ内容

• 1 日目: 1 日目は、Figma のページのレイアウトが表示され、それを分析して、プロジェクトの基本構造を整理するだけでなく、Netflix ページのハイライト バナーの作成に使用します。 。画像やボタンなどの配置をいじることになります。
• 2 日目: ここでは、Navbar とも呼ばれるナビゲーション メニューを開発します。このセクションには、ページ メニューのロゴ、検索、通知、ユーザー ボタンがあります。 Flexbox の知識があれば、作業がずっと楽になります。
• 3 日目: 映画やシリーズのトラックの作業を開始するため、これがおそらく最も重要な課題になります。 「マイ リスト」レールを作成します。このレールには、後で見るためにユーザーが保存した映画が含まれます。グリッドの知識を活用できるようになります。
• 4 日目: この日は、「高」トレイルを実装しますが、ユーザーがアイテムの画像の上にマウスを移動したときにホバー アニメーションを適用します。
• 5 日目: ここでは引き続きトラックとアニメーションを使って遊びます。ナビゲーション矢印をクリックすると回転する映画/シリーズのカルーセルがあるかのように、スライド効果を作成します。
• 6 日目: ほぼ最後に、フッターとも呼ばれるフッターを開発します。ここ数日間で得た知識を使用して、非常に魅力的に見せることができます。
• 7 日目: チャレンジの 7 日目および最終日では、自分のページをインターネット上に無料で公開します。これにより、他の人がアクセスできるようになり、自分のポートフォリオとして使用できるようになります。盛況のうちに締めくくりましょう！

誰があなたに挑戦しますか？

現在 Globoplay のテクノロジー チームで働くフロントエンド開発者のフェルナンダ デゴリンが、この課題の指導者となります。

フェルナンダは、アートとテクノロジーには世界を変える力があると信じており、皆さんの学習と発達を指導する用意ができています。

        Você pode gostar




                                

                        Desafio De HTML E CSS Gratuito Da Alura: Desenvolva Uma Réplica Da Netflix 





                                

                        Evento Sobre AWS Gratuito Da Rumos: Boas Práticas De Segurança Na Cloud 





                                

                        Bootcamp De Java Com Spring Boot Gratuito Da DIO   Claro 





                                

                        Cursos De Lógica De Programação E Carreiras Em Tecnologia Gratuitos Da Estácio 

HTML と CSS

HTML (ハイパーテキスト マークアップ言語) と CSS (カスケード スタイル シート) は Web 開発の基礎です。

HTML はページの構造とコンテンツを担当しますが、CSS はレイアウト、色、フォント、その他のデザイン面を含む外観を定義します。

これらを組み合わせることで、どのブラウザからでもアクセスできる、リッチでインタラクティブな Web ページの作成が可能になります。

HTMLの重要性

HTML は、Web ページのコンテンツを構造化するために使用されるマークアップ言語です。一連のタグを使用して、タイトル、段落、画像、リンクなどの要素を定義します。

HTML がなければ、Web ページ上でコンテンツを論理的かつわかりやすい方法で整理して表示することはできません。

メタデータの組み込みや検索エンジンの最適化も可能になり、ウェブサイトの可視性とパフォーマンスが向上します。

CSS が Web ページをどのように変換するか

HTML がコンテンツを整理する一方で、CSS がプレゼンテーションを担当します。 CSS を使用すると、ページまたはサイト全体に一貫して適用されるスタイルを定義でき、一貫性のある魅力的なビジュアル エクスペリエンスを確保できます。

CSS を使用すると、さまざまな画面サイズに適応するレスポンシブなレイアウトを作成でき、モバイル デバイスやデスクトップからウェブサイトにアクセスできるようになります。

フレックスボックスやグリッドなどの技術はウェブ デザインに革命をもたらし、要素の位置や配置をより細かく制御できるようになりました。

HTML と CSS の統合

Web 開発の本当の魔法は、HTML と CSS を一緒に使用するときに起こります。

HTML のコンテンツ構造と CSS の視覚スタイルを組み合わせることで、機能的で見た目も美しい Web サイトを作成できます。

この統合により、デザイナーと開発者が協力して魅力的なユーザー エクスペリエンスを作成できるようになり、コンテンツがすべての訪問者にとってアクセス可能で魅力的なものになることが保証されます。

アルーラ

Alura は、高品質の技術教育へのアクセスを民主化することを目的として登場したオンライン教育プラットフォームです。

ブラジルで設立された Alura は、プログラミング、デザイン、デジタル マーケティング、データなどの分野に焦点を当てた幅広いコースを提供することで際立っています。

コースと指導方法の多様性

Alura は、プログラミングの基礎入門から、データ サイエンス、Web 開発、モバイル、その他市場で人気のある分野の高度なトレーニングに至るまで、驚くほど多様なコースを提供しています。

このプラットフォームは実践的なアプローチを採用しており、学生が学んだことをすぐに応用できる実際のプロジェクトが含まれています。

コミュニティと専門家の評価

Alura の最大の違いの 1 つは、フォーラム、イベント、研究グループに積極的に参加する学生や専門家の活発なコミュニティです。

このコミュニティでは、貴重な知識の交換やネットワーキングが可能になり、学習体験がさらに充実します。

登録リンク⬇️

HTML および CSS の 7 日間のコードの登録は、Alura ウェブサイトで行う必要があります。

理論を共有して実践するチャンス!

HTML と CSS チャレンジに関するコンテンツは気に入りましたか?みんなにシェアしてね！

Alura の無料 HTML および CSS チャレンジ: Netflix レプリカの開発という投稿は、IT Guide に最初に掲載されました。