トラック Web & Cloud Fundamentals - 修了証付きオンライン学習

Web & Cloud Fundamentals

Beginner

4.6

1265 reviews

16k+ Learners

The "Web & Cloud Fundamentals" track covers key aspects of modern web development and cloud technologies. You'll start with "Ultimate HTML," learning …

Chapters

Learning hours

236

Assignments

AI Assistant

Shareable Certificate

成果

Track content

Related courses and projects

推薦の声

特徴

価格

成果

Track content

Related courses and projects

推薦の声

特徴

価格

学習内容

You will learn how to create visually appealing and responsive websites using HTML and CSS.

You will be able to combine your web development and Linux knowledge to build and deploy cloud-based web applications.

You will understand and navigate the Linux operating system, empowering you to manage servers and development environments.

You will gain the skills to deploy and manage applications on AWS, understanding the core cloud computing concepts.

Learning track content

ウェブの仕組みを探求します。データがネットワークを通じてどのように移動するかを学び、プロトコルの役割を発見し、IPアドレスやドメイン名の謎を解き明かします。ウェブブラウザとサーバーがどのように通信してウェブコンテンツを配信するかについて、高度な理解を得ることができます。

HTMLとWeb開発へようこそ

What is the Internet?

インターネットはどのように機能するのか？

ウェブサイトの仕組みの理解

フロントエンドとバックエンド開発の解説

見出しや段落からリストやテーブルまで、タグを使ってコンテンツを構造化する方法を学びます。属性を用いて要素を強化する方法についても理解します。

HTMLタグの理解

HTML属性の操作

HTMLにおけるペアタグとシングルタグの理解

テキストマークアップ

リストの整理

チャレンジ：最初のウェブページの段落作成

チャレンジ：パーソナルイントロダクションウェブページの作成

チャレンジ：映画ショーケースウェブページのデザイン

リンクの使用

ボタンの追加

チャレンジ：人気ウェブサイトへのリンクを作成する

ベストプラクティスのためのHTMLコードの検証

HTMLドキュメント構造の核心部分。DOCTYPE宣言、head、bodyを含むHTMLドキュメントの構成要素について学びます。各要素の目的と、それらがウェブページ全体の構造にどのように寄与するかを理解します。

チャレンジ：HTMLドキュメントを正しく構造化する

HTMLの検証とデバッグのための開発者ツールの使用

画像、音声、動画などのメディアを活用してウェブページをより魅力的にします。表形式の構造化データをテーブルとして扱います。

HTMLでの画像の追加

チャレンジ：画像の操作

クリック可能な画像、キャプション、および最適化の操作

ベクターグラフィックスとラスターグラフィックスの理解

リッチメディアのためのオーディオ埋め込み

ビデオ要素の追加

チャレンジ：HTMLにオーディオとビデオを埋め込む

HTMLでのテーブルの作成と構造化

チャレンジ：機能的なHTMLテーブルの設計

HTMLフォームの多様性を探求します。主要な概念と技術を活用して、直感的でユーザーフレンドリーなフォームの設計方法を学びます。フォームがウェブサイト上でユーザーの操作やデータ送信を可能にする仕組みを理解します。

HTMLフォームの紹介

HTMLにおけるフォーム作成の基礎

フォームのアクセシビリティ向上のためのラベルの使用

入力属性によるフォームの強化

HTMLにおけるさまざまな入力タイプの探究

チャレンジ：入力欄とラベルを使ったフォームの作成

複数行入力のためのTextarea要素の操作

ドロップダウンメニューのためのSelect要素の使用

定義済み入力候補のためのDatalist要素の使用

フォーム要素のグループ化による構造の最適化

Linuxとは何かを学び、その主な利点を探り、なぜ開発者の間で好まれているのかを理解します。コースを通して使用するLinuxディストリビューションを選択します。

コース概要

Linuxの理解とその利点

LinuxディストリビューションとしてUbuntuを選ぶ

仮想環境を構築し、Linuxをコンピュータにインストールすることで、メインシステムに影響を与えることなくコマンドの練習を安全に行うことができます。

物理オペレーティングシステム vs 仮想マシン

VirtualBoxへのLinuxのインストール

UTM（Mac）でのLinuxのインストール

ターミナルの使用、ファイルのナビゲーション、プログラムのインストール、システムの更新維持など、基本的なLinuxスキルを習得します。

Linux環境内でユーザーとグループを管理し、ファイル権限を設定し、アクセス権を制御する方法について学びます。

クラウド技術の歴史と発展、そして現代のサーバーやウェブアプリケーションの動作について学びます。さまざまなクラウドモデルに触れ、主要なクラウドサービスプロバイダーの提供内容を理解し、安全なクラウド運用を実現するためのセキュリティの基本を探求します。

S3と呼ばれるクラウドサービスを探求し、その設定方法と利用方法を学びます。さまざまなメディアをS3にアップロードし、さらにS3上でシンプルな静的ウェブサイトをホストする方法も学習します。

AWSアカウントの作成

Amazon Simple Storage Service の構成

EC2とは何か、その仕組みについて理解を深めます。EC2の用途、インスタンスの作成と管理方法、デバイスからの接続方法について学びます。EC2インスタンスの基本的な操作方法や、EC2ウェブサーバー上に自身のウェブサイトをデプロイする方法について学習します。

クラウドでデータベースを作成し、利用する方法を学びます。さまざまなタイプを使用し、それらがアプリケーションとどのように連携するか、またさまざまな製品と統合する方法を学びます。クラウドデータベースは、データを保存する最も安全な方法です。

あなたのテックスキルを強化！

最大55％オフで

Features:

*Tracks not included in Pro plan

500+ 人気コース最先端のAIコパイロット

パーソナライズされた学習トラック40+ 実践的なプロジェクト

選択された割引イントロプランが終了する前にキャンセルしない場合、Codefinityが自動的に課金することを承認します $104 3か月ごと キャンセルするまで。キャンセルおよび返金ポリシーの詳細は、定期購読の条件.

Recommended Courses and Projects

CSSの基礎

ウェブページの外観と雰囲気を変えるスタイリング言語であるCSSの基本を習得します。テキストスタイル、色、間隔、ボックスモデル、Flexbox、装飾効果などのコアコンセプトを探求します。視覚的に魅力的で構造化されたウェブページを作成するスキルを身につけます。

HTMLの基本

HTMLの基本を習得し、構造化され、アクセシブルなウェブコンテンツを作成します。タグ、要素、属性を使用してドキュメントを構造化する方法を学びます。テキスト、リスト、画像、音声、動画を自在に扱い、ウェブページを充実させます。整理されたデータのためのテーブルや、ユーザー入力・インタラクションのためのフォームを作成します。アクセシビリティを高めるセマンティックHTMLを理解し、基礎から完全で機能的なウェブサイト構造を構築します。

CSS Layout, Effects, and Sass

Level up your styling skills by mastering advanced CSS techniques for modern web design. Position and manage elements with precision using advanced positioning strategies. Create smooth transitions and engaging animations to enhance user experience. Transform and manipulate elements for dynamic visual effects. Build responsive designs that adapt across devices and learn to streamline your workflow with CSS preprocessors like Sass.

AWSソリューションアーキテクトアソシエイト

このコースは、AWS認定ソリューションアーキテクト – アソシエイトに必要なスキルを習得するために設計されています。AWSサービス、アーキテクチャのベストプラクティス、実践的なクラウドソリューションについて深く理解できます。ハンズオン演習と詳細な解説を通じて、AWS上でスケーラブルでコスト効率が高く、セキュアなアプリケーションを設計する方法を学びます。

AWS Certified Developer Associate

The AWS Certified Developer – Associate certification validates your ability to develop, deploy, and troubleshoot cloud-based applications using AWS. This course provides a structured and hands-on approach to mastering AWS development concepts, from fundamental tools like AWS SDKs, IAM, and CloudFormation to serverless computing, event-driven architectures, and CI/CD automation. You'll gain practical experience with databases, caching solutions, and security best practices while optimizing applications for performance, scalability, and cost efficiency. The course also includes real-world scenarios and curated practice exam questions to help you confidently pass the certification exam. Whether you're a developer new to AWS or looking to formalize your knowledge, this course provides the essential skills needed to build modern cloud applications. This course is designed for developers who want to build, deploy, and optimize applications on AWS. Specifically, it benefits: Software Developers, DevOps & Cloud Engineers, Solution Architects (with Developer Focus), and Tech Leads & Engineering Managers

Linux Terminal Tools

Master essential Linux command-line utilities for searching, filtering, monitoring, troubleshooting, and automating everyday developer and DevOps workflows. This hands-on course focuses on practical terminal scenarios using core CLI tools.

CSS Foundations

Build a solid foundation in CSS and understand how styles shape the appearance of every webpage. Write and apply rules, target elements with selectors, and master the cascade and box model to create clean, organized designs. Gain the essential skills every web developer needs to style web content with precision and confidence.

HTML Forms Foundations

An introduction to creating well-structured and accessible HTML forms. Explore fundamental form elements, validation techniques, and best practices for ensuring accessibility. Learn how to design forms that are both functional and user-friendly, as they are essential components of any interactive website.

Introduction to Web Protocols

Explore the fascinating journey of data as it travels from your browser to a web server and back. This course demystifies the web's inner workings, explaining how browsers, servers, DNS, IP addresses, and protocols like HTTP and HTTPS collaborate to deliver modern websites. With practical examples and clear analogies, you'll gain a concrete understanding of the web as a real, interconnected system.

Introduction to Backend Development

Understand how the web works and what happens behind the scenes when you open a website. Learn the difference between frontend and backend and what role backend developers play. Build a clear foundation before starting real backend development with Node.js.

HTML Essentials

Build structured web pages using HTML elements and semantic layout. Work with text, links, images, tables, and forms to create real content. Learn how to organize and structure complete web pages from scratch.

Introduction to Web and Frontend Development

Understand how the web works and how websites are built. Explore the Internet, how pages are delivered, and the difference between frontend and backend development.

Discover more Learning Tracks

トラック

Unityによるゲーム開発

初心者

Adobeによるビデオプロダクション

初心者

UI/UXデザインツール

初心者

必須オフィススキル

初心者

デジタルマーケティングの基礎

初心者

完全なソーシャルメディア管理

初心者

ビジネスAIツールキット

初心者

ノーコードウェブサイト開発

初心者

DevOpsスペシャリスト

初心者

教師あり学習の基礎

初心者

Pythonゼロからヒーローへ

初心者

Cプログラミング基礎

初心者

なぜ人々はCodefinityを選ぶのか

Web Developer

Kwizera Mugisha

The teaching methodology at Codefinity is excellent, and I particularly appreciate how it has prepared me to handle real-world coding problems. Currently, I am delving into Node.js and eagerly anticipate building full-stack projects that integrate all the knowledge I have gained.

Senior Business Analyst

Sherry Barnes-Fox

My first course was 4 hours, I did it in a few days, "nugget-style". The instructions are very clear and easy to understand. There is even a hint to help you get the answer. I love the learning style that is used, it engages me.

Accounts Payable Specialist

Bill Wagner

I have really liked the browser-based lessons that allow me to code within the lesson. The RUN button allows me to test the code I write before submitting for a grade.

IT Support Specialist

Daniel Chinea

I have gained a lot of practical and logical thinking skills, along with patience for myself and confidence in myself that I can learn programming. Years ago, I would have never thought that I could learn programming in any way, shape or form, and I was able to obtain these certifications and skills with Codefinity.

Technology Project Manager

Steve Bruening

The learning was progressive and made it easy to follow along and make progress. I could feel my skills increasing and building on each other as the course went along.

Project Manager

Stephanie Chan

As I went through the first course of the Python track, I liked the way the course was lay out (in easy and digestible modules) with little exercises at the end of each concept.

Step-by-Step to Stellar Results

インタラクティブなコーディング環境

インタラクティブな環境に飛び込み、リアルタイムのフィードバックと成果指標を活用してコードを書き、実行しながら一歩ずつ学んでいきましょう。

AI搭載のサポート

内蔵のAIアシスタントを活用してエラーの説明、修正案の提示、あるいはコードに関するあらゆる質問に答え、生産性を保ち、詰まることなく作業を進めましょう。

Check your progress

各モジュールの締めくくりとしてクイッククイズを実施し、即時フィードバックを受け、進捗を確認し、主要な概念を確実に習得できたかチェックしましょう。

Promote your expertise

修了後に業界で認められた証明書を取得し、ワンクリックでLinkedInに共有して、あなたの実力を周囲に示しましょう。