
정보처리기사 실기 (2020 개정) 제대로 배우기 Part.2
유용한IT학습
정보처리기사 실기 과목 자격증 대비 강의로, 정보시스템 등의 개발 요구사항을 이해하기 위한 기초 지식을 익힐 수 있습니다. (두 번째 파트)
Basic
정보처리기사
本コースは、React.jsとVue.jsフロントエンド学習に必須の開発環境設定とVS Code基礎使用法を扱う動画講義です。実習中心で環境構築から生産性を高める基本機能活用まで段階別にご案内します。
ReactとVue開発のための最適な学習・開発環境構築能力習得
VS Codeの基本機能と設定活用による開発生産性向上
本コースは、React.jsとVue.jsフロントエンド学習に必須の開発環境設定とVS Code基礎使用法を扱う動画講義です。実習中心で環境構築から生産性を高める基本機能活用まで段階別にご案内します。
フロントエンド開発初心者のための学習順序と必須インストールプログラムガイド
フロントエンド開発を初めて始める人のための学習ロードマップ紹介
HTML、CSS、JavaScript、フレームワーク(Reactなど)学習順序ガイド
開発環境構築に必要な必須プログラム(Node.js、VS Codeなど)の紹介
Node.jsとnpmの削除・再インストール方法の実習
既存のNode.jsとnpmバージョン確認方法
インストールされたNode.jsとnpmの削除手順
最新バージョンで再インストールする過程の実習
VS Code インストール後の必須機能と設定を覚える
VS Code ダウンロードおよびインストール
テーマ、フォント、自動保存、コードフォーマッターなど必須設定
拡張機能(Extensions)のインストールと管理方法
Reactインストールのための背景知識と核心用語の理解
Reactとは何か、その特徴について説明
コンポーネント、JSX、Virtual DOM、SPAなど核心用語と概念の理解
React インストール前に知っておくと良い開発環境関連用語整理
Reactプロジェクトのインストールとメイン画面実行実習
create-react-app
または最新のインストール方式でプロジェクトを作成
プロジェクト構造と主要フォルダ/ファイルの説明
開発サーバー実行後、ブラウザでメイン画面確認
VS Codeターミナルを活用したReactインストール方法
VS Code内蔵ターミナルを開く方法と基本コマンドの使用
Reactプロジェクト生成コマンド実行
インストール過程で発生する可能性のあるエラーと解決方法
Live Serverのインストールと基本的な使用方法を学ぶ
VS Code拡張機能Live Serverのインストール方法ガイド
HTML/CSS/JavaScriptファイルをブラウザでリアルタイムプレビュー
保存時の自動リフレッシュ機能活用法
VS CodeでJavaScriptコードを実行する方法の実習
内蔵ターミナルを活用したNode.js基盤JSコード実行
VS Code拡張プログラムを利用したブラウザ環境実行方法
簡単なサンプルコードを作成して実行結果を確認
必須機能学習:マルチ選択、スティッキー(Sticky)、行関連機能、その他の便利機能
マルチ選択(Multi-cursor):複数の位置を同時に修正する方法
Sticky Scroll(スティッキー):スクロール時に上部にコード構造(関数名、クラス名など)を固定表示
行関連機能:行のコピー、移動、削除、上下への挿入などのショートカットキーを使用
その他の生産性を向上させるVS Code編集機能の紹介
ショートカット実習による作業速度向上
VS Code基本ショートカットキーとよく使われるコマンドの練習
コード編集、ファイル探索、検索/置換などの主要作業ショートカットキー適用
ショートカット習得のための実習問題進行
カスタムHTMLテンプレートの作成と実習
この講義では知識共有者による質問・回答は提供されません。
part 1 - 講義資料_PDF
part 2 - 講義資料_PDF
学習対象は
誰でしょう?
React.js・Vue.jsを初めて学ぶか、学習環境をしっかり整えたい初級開発者
VS Codeの基本機能と設定を身につけて開発効率を高めたいWebベロッパー入門者
全体
19件 ∙ (7時間 47分)
講座資料(こうぎしりょう):
¥8,837
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!