TypeScript A-Z: Learn by Following
johnahn
In this course, you will learn about TypeScript.
초급
TypeScript, JavaScript
ジェームスコーディングフルスタック開発入門5週間完成
ジェームスコーディングコースは、フルスタックの深化カリキュラムの開始前に、Web開発の基礎を盛り込むことができるフルスタック開発入門コースです。することができます。
学習した受講者のレビュー
こんなことが学べます
Web開発の基礎となるHTML、CSS、JavaScript学習
JavaScript 最新の文法とコア概念の学習
様々な実習、課題を通じた実戦感覚の向上
DOMを使った自分だけのWebアプリケーション制作
コーディングテストによるアルゴリズム能力の向上
基礎がしっかりした開発者に成長したいなら！
ジェームスコーディングフルスタック開発入門5週間完成
このようなことを学びます。
MP3プレーヤーをHTML/CSSだけで制作し、JavaScript（JavaScript）を活用してこのWebをさらに完成度よく制作する実務適合型プロジェクトで、Web開発の基礎を築きます。 5週間、様々な講義と課題を通じてJavaScriptの基本を完成させ、Webページを制作する基本枠組みを体得し確立します。
コーディングテストを活用したアルゴリズム能力向上🔥
ジェームスコーディングが直接製作したコーディングテストの問題とともに。 ✍🏻
- 変数と関数、そしてデータ型コーディングテスト（8問題）
- 01. 変数宣言(declaration), 02. 割り当て(assignment), 03. 式(expression),
- 04. 関数(function), 05. 関数定義(function definition), 06. 関数呼び出し(call function),
- 07. テンプレートリテラル(template literal), 08. 演算は同じタイプで
- 条件文コーディングテスト（16問題）
- 01. isAdult, 02. equalsZero, 03. isBiggerThan, 04.isOddNumber,
- 05.isEvenAndAdult, 06. simpleCalculator, 07. fizzBuzz,
- 08. simpleDaysInMonth, 09. leftPerson, 10. oddEvenBiggerThan,
- 11. makeGrade, 12. before15minutes, 13. isTriangle,
- 14. isTruthy, 15. andOperator, 16. orOperator
- 文字列コーディングテスト（16問題）
- 01. makeFullName, 02. ageVerification, 03. lengthOfWord,
- 04. averageLengthOfTheWords, 05. averageLengthOfTheWords2,
- 06. shortestString, 07. isEvenLength, 08. validation,
- 09. cutString1, 10. cutString2, 11. compareAlphabet, 12. compareNumbers,
- 13. compareNumbers2, 14. makeTimeString,
- 15. compareNumbers3, 16. unconnectedTime
- 繰り返し文コーディングテスト（18問題）
- 01. findZero, 02. multiply, 03. factorial, 04. sumMtoN, 05. power, 06. echoString,
- 07. numberString, 08. multipleString, 09. maxNumber, 10. factorString, 11. findSubString
- 12. isPrime, 13. primeString, 14. numberStringExceptArgs, 15. findRemain,
- 16. makeTriangle, 17. makeTriangle2, 18. makeRhombus
- 配列コーディングテスト（20問題）
- 01. checkType, 02. getFirstElement, 03. getLastElement, 04. specificElement,
- 05. addFirstElement, 06. addLastElement, 07. deleteFirstElement,
- 08. deleteLastElement, 09. doubleArray, 10. splitString, 11. splitCharacter,
- 12. addComma, 13. longestString, 14. multipleFilter,
- 15. cutArray1, 16. cutArray2, 17. cutArray3, 18. mergeArray,
- 19. getStringFromDoubleArray, 20. fibonacci
- オブジェクトコーディングテスト（19問題）
- 01. getValueByKey, 02. addKeyValuePair, 03. deleteProperty,
- 04. objKeyArray, 05. objEntryArray, 06. objAssign, 07. deleteFalsyProperty,
- 08. deleteEvenProperty, 09. deletePrimitiveProperty, 10. findAdult,
- 11. isProperty, 12. accumulateProperty, 13. theNumberOfKeys,
- 14. objectStringArray, 15. relativePropertyArray, 16. inheritance,
- 17. propertyFilter, 18. countCharacter, 19. frequentCharacter
- 高次関数コーディングテスト（20問題）
- 01. functionReturningFunction, 02. functionInputtedFunction,
- 03. applyNTimes, 04. compositeFunction1, 05. compositeFunction2,
- 06. compositeFunction3, 07. conditionalCallback, 08. evenFilter,
- 09. lessThan100Filter, 10. deleteElement, 11. getDoubleArray,
- 12. getFullNameArray, 13. getAdultMembers, 14. getArraySum,
- 15. getArrayMul, 16. getAverage, 17. entriesToObject,
- 18. ascendingSort, 19. descendingSort, 20. sortByGrade
- スタック/キューコーディングテスト（5問題）
- 01. numberOfWalls, 02. bracket, 03. historyStack,
- 04. josephusProblem, 05. crossingBridge
- 再帰コーディングテスト（18問題）
- 01. factorial, 02. sumMToN, 03. remain, 04. fibonacci,
- 05. sumArray, 06. cutArrayHead, 07. cutArrayTail,
- 08. reverseArray, 09. findString, 10. matryoshka,
- 11. flatArray, 12. maxNumber, 13. sequenceSumArray,
- 14. hanoi, 15. makeSubSet, 16. duplicatePermutation,
- 17. permutation, 18. combination
ジェームスコーディングフルスタック開発基礎強化プログラムです。 👨🏻🎓
コーディング学習カリキュラム。どうやって、何で勉強しなければ「完走」できますか？
私たちはあなたがコーディングを学ぶときに直面する困難を理解しています。
早すぎる進度、突然急激に難しくなる内容、整理されていないまま倒れてしまう進度。
こうして徐々に困難がたまって一瞬手を置いてあきらめるようになってしまいます。
ジェームスコーディングフルスタック入門プロセスは「基礎完成」と「完走」に集中します。
オンライン環境で正しく 「完走」してみてください。
非専攻者も、ノーベース入門者も、コーディングをしっかり学んで勉強してみたい人なら誰でも歓迎します。 🙌
5週間の一定進行後、実際の受講生詳細フィードバック（理想院様）
朝から始まり、6時まで今日のスケジュールを確認して計画を立てることができたのは非常に効果的でした。スケジュールを確認し、目標を設定してスケジュールを思い出すことで、今日何をすべきかを明確にまとめることができ、日中の時間を効率的に管理することができました。
さらに、毎日目標を設定する習慣は、自己管理と達成感を高めるのに大きな助けとなりました。目標を設定し、これを達成するために努力する過程で、放棄せずに努力し続けました。毎日のスケジュールを確認し、目標を思い出しながら自分の現在の位置を知ることができ、これによりどの部分でさらに勉強するべきか、どの部分を補完すべきかを把握することができました。
また、仕上げジャーナルを作成することは、私の学習の進捗状況を把握し、目標をどの程度達成したかを記録する良い方法でした。毎日の日誌を作成しながら、私がどのように課題を達成したのか、課題をしながら困難を克服し、発展した点があるのかがわかります。これにより、翌日、さらに努力して動機付けを得ることができました。放棄せずに継続的に努力し、成長していく自分を確認することができます。
これら スケジュール 確認、目標 設定、仕上げ 日誌 作成の 習慣は 単に 一日 管理する もの 越えて もっと 大きい 成功 なされる デエ 助ける 行 です。日常で 時間 効率的に 活用する 目標 達成する のため 計画 立てる こと 成功 人生 導く コア 原則です。絶えず スケジュール 確認して 目標 思い出させ、仕上げ 日誌 書く 習慣 維持してみてください。これを 経由 さらに 効果的な 時間 管理と 達成感 経験する 数 ある です。
各セクションで提供するTDDを活用したコードの課題📌📈
TDDはTest-Driven Developmentの略で、開発方法論の1つです。
TDDでは、機能を実装するコードと、その機能の正確性を検証するテストコードを分離して作成します。
コードを書いた後、すべてのコードに対してテストを実行して、製品がエラーなく正常に動作していることを確認します。
これでテストが失敗した場合は、最小限のコード修正でテストに合格することができます。
最後に、成功したコードをリファクタリングするプロセスに進みます。
TDDを活用したコード課題室の例📚📊
ジェームスコーディングフルスタック開発入門5週間完成カリキュラム📚
1週目のHTML基礎と深化
- HTMLが何であるかを理解し説明することができます。
- HTMLでよく使われる文法と要素を活用できる。
- HTML構造化設計ができる
- セマンティックタグを理解して活用できる。
- 「フォーム」を使用して簡単なログインページを作成できます。
CSS
- CSSとは何かを理解し説明することができます。
- CSSの基本スタイルを飾ることができます。
- CSSのボックスモデルを説明でき、それを活用してレイアウトを構成することができる。
- CSS疑似要素が何であるかを理解し説明することができます。
- CSS Transition と Animation が何なのか説明でき、実習で活用できる。
Javascriptの基本
- Javascriptが何であるかを理解し説明することができます。
- 変数の概念について説明することができます。
- 変数名の作成規則を理解し、変数の名前を生成できます。
- タイプが何かを理解し、活用できる。
- Javascriptの宣言方法、戻り値、ホイストを理解する。
- Javascript 基本文法である変数、型、関数を活用できる。
2週間のJavascript条件文
- Javascriptの基本文法である条件文を理解して活用することができます。
- 条件文の種類を区別できる。
Javascript文字列
- 文字列が何であるかを理解して説明できます。
- 文字列ベースの文法を理解して活用することができます。
- 簡単な文字列操作（parsing）ができる。
Javascript反復文
- Javascriptの基本文法である反復文を理解して活用することができます。
- 繰り返し文の種類を区分し、状況に合わせて活用できる。
Javascriptオブジェクトと配列
- 配列とオブジェクトを理解して活用できます。
- 配列とオブジェクトの違いを説明できます。
- 配列のインデックスを説明できます。
- オブジェクトの key, value を説明できる。
CLI、Node.js、NPM、NVM、Git
- CLIとGUIの違いを説明できます。
- CLI命令を活用し、管理者権限を状況に合わせて活用することができる。
- OSに合わせて必要な環境設定を進めることができる。
- Node.jsとNPM、NVMが何であるかを理解して説明できます。
- パッケージが何であるかを理解できます。
- NPMを使用してパッケージをインストールして使用できます。
- Gitのインストールと環境設定を行い、workflowを理解できる。
- GitHubアカウントを連携してGitを使用できます。
3週目Javascriptのコア概念とES6文法
- Javascriptの原始資料型と参照資料型を理解して説明することができる。
- Javascriptのデータ保存方法を説明できます。
- 構造分解割当と展開構文、残りのパラメータを理解して活用できる。
- ES6文法を理解して活用することができます。
Javascriptスコープ
- スコープとは何かを理解し説明することができます。
- グローバルスコープとローカルスコープの違いを説明できます。
- ブロックスコープと関数スコープの違いを説明できます。
- グローバル変数とローカル変数の違いを説明できます。
- スコープチェーンとは何かを理解し説明することができます。
- レキシカルスコープとは何かを理解して説明できます。
Javascriptの実行コンテキストとスタック
- グローバル実行コンテキストが何であるかを理解して説明できます。
- 関数実行コンテキストが何であるかを理解し説明することができます。
- スタックが何であるかを理解し、スタックの原理を説明することができます。
Javascriptクロージャ
- クロージャが何であるかを理解し、クロージャの原理を説明することができます。
4週間Javascript DOM
- DOMの概念を理解し、構造形態を説明することができます。
- DOM要素を活用してHTMLを操作できます。
- DOM要素のCRUDを理解して活用できます。
- DOM検証を進めることができます。
Javascript Class
- 手続き指向とオブジェクト指向プログラミングの概念を説明できます。
- クラスの基本構造を理解して宣言できます。
- クラスと一般関数を区別する方法を理解して説明することができます。
- コンストラクタ関数の役割を理解し、クラスでプロパティとメソッドを定義できます。
- プロトタイプの概念と特性を理解し、開発者ツールを活用して直接確認することができる。
- プロトタイプチェーンが何であるかを理解し説明することができます。
- 組み込みオブジェクトを理解し、関連プロパティとメソッドを説明できます。
MP3 Music Web Playerの実装
- HTML、CSS、Javascriptを使って独自のミュージックWebプレーヤーを実装できます。
- 機能の補完と改善を進め、開発ログを作成することができる。
5週間高次関数
- 高次関数を理解して説明することができます。
- 内蔵高次関数マップを活用できる。
- 内蔵高次関数フィルタを活用できる。
- 内蔵高次関数reduceを活用できる。
- 内蔵高次関数sortを活用できる。
- 多様な内蔵高次関数を利用できる。
- this, call, apply, bind を利用できる
ステップごとのセルフチェックテスト、コーディングテスト📝
駐車場別開発関連自作アーティクル提供✍🏻
コーディングテストを活用したアルゴリズム能力向上🔥
ジェームスコーディングが直接製作したコーディングテストの問題とともに。 ✍🏻
- 変数と関数、そしてデータ型コーディングテスト（8問題）
- 01. 変数宣言(declaration), 02. 割り当て(assignment), 03. 式(expression),
- 04. 関数(function), 05. 関数定義(function definition), 06. 関数呼び出し(call function),
- 07. テンプレートリテラル(template literal), 08. 演算は同じタイプで
- 条件文コーディングテスト（16問題）
- 01. isAdult, 02. equalsZero, 03. isBiggerThan, 04.isOddNumber,
- 05.isEvenAndAdult, 06. simpleCalculator, 07. fizzBuzz,
- 08. simpleDaysInMonth, 09. leftPerson, 10. oddEvenBiggerThan,
- 11. makeGrade, 12. before15minutes, 13. isTriangle,
- 14. isTruthy, 15. andOperator, 16. orOperator
- 文字列コーディングテスト（16問題）
- 01. makeFullName, 02. ageVerification, 03. lengthOfWord,
- 04. averageLengthOfTheWords, 05. averageLengthOfTheWords2,
- 06. shortestString, 07. isEvenLength, 08. validation,
- 09. cutString1, 10. cutString2, 11. compareAlphabet, 12. compareNumbers,
- 13. compareNumbers2, 14. makeTimeString,
- 15. compareNumbers3, 16. unconnectedTime
- 繰り返し文コーディングテスト（18問題）
- 01. findZero, 02. multiply, 03. factorial, 04. sumMtoN, 05. power, 06. echoString,
- 07. numberString, 08. multipleString, 09. maxNumber, 10. factorString, 11. findSubString
- 12. isPrime, 13. primeString, 14. numberStringExceptArgs, 15. findRemain,
- 16. makeTriangle, 17. makeTriangle2, 18. makeRhombus
- 配列コーディングテスト（20問題）
- 01. checkType, 02. getFirstElement, 03. getLastElement, 04. specificElement,
- 05. addFirstElement, 06. addLastElement, 07. deleteFirstElement,
- 08. deleteLastElement, 09. doubleArray, 10. splitString, 11. splitCharacter,
- 12. addComma, 13. longestString, 14. multipleFilter,
- 15. cutArray1, 16. cutArray2, 17. cutArray3, 18. mergeArray,
- 19. getStringFromDoubleArray, 20. fibonacci
- オブジェクトコーディングテスト（19問題）
- 01. getValueByKey, 02. addKeyValuePair, 03. deleteProperty,
- 04. objKeyArray, 05. objEntryArray, 06. objAssign, 07. deleteFalsyProperty,
- 08. deleteEvenProperty, 09. deletePrimitiveProperty, 10. findAdult,
- 11. isProperty, 12. accumulateProperty, 13. theNumberOfKeys,
- 14. objectStringArray, 15. relativePropertyArray, 16. inheritance,
- 17. propertyFilter, 18. countCharacter, 19. frequentCharacter
- 高次関数コーディングテスト（20問題）
- 01. functionReturningFunction, 02. functionInputtedFunction,
- 03. applyNTimes, 04. compositeFunction1, 05. compositeFunction2,
- 06. compositeFunction3, 07. conditionalCallback, 08. evenFilter,
- 09. lessThan100Filter, 10. deleteElement, 11. getDoubleArray,
- 12. getFullNameArray, 13. getAdultMembers, 14. getArraySum,
- 15. getArrayMul, 16. getAverage, 17. entriesToObject,
- 18. ascendingSort, 19. descendingSort, 20. sortByGrade
- スタック/キューコーディングテスト（5問題）
- 01. numberOfWalls, 02. bracket, 03. historyStack,
- 04. josephusProblem, 05. crossingBridge
- 再帰コーディングテスト（18問題）
- 01. factorial, 02. sumMToN, 03. remain, 04. fibonacci,
- 05. sumArray, 06. cutArrayHead, 07. cutArrayTail,
- 08. reverseArray, 09. findString, 10. matryoshka,
- 11. flatArray, 12. maxNumber, 13. sequenceSumArray,
- 14. hanoi, 15. makeSubSet, 16. duplicatePermutation,
- 17. permutation, 18. combination
コーディングは、基礎がしっかりしていなければ完成できません。
基礎から忠実に、入門過程にも丁寧に傾くジェームスコーディングに会いましょう。
こんな悩みがあれば？
正解はジェームスコーディング！
😰 | 😲 | 😓 | 🤔 |
| 独学が難しい 恐怖があります。 | 非専攻者、ノーベース 入門者です | 体系的なスケジュールが必要です。 | 質疑応答 必要です。 |
よくある質問 Q&A 💬
Q. 何の知識もなく受講してもいいですか？
はい、可能です。
プログラミング言語が慣れていない場合や、開発に関する背景知識がなくても、わからない部分を自分で見つけて理解するための論理的思考とコミュニケーション能力を育成したい場合は、十分にコースを進めて修了することができます。
Q. 資格要件はありますか？
申請資格（年齢、専攻、学歴など）に特定の要件はありません。一緒に没入し、問題を解決しようとする情熱と持続的に成長するIT開発者になるために、自己管理と自己啓発に取り組む姿勢を整えた方々はいつでも歓迎します。
Q.会社員であるか、大学在学中の状態で並行できますか？
ジェームスコーディングフルスタックコースはオンラインコースで、職場や学校に通っています。 受講できます。
受講前の注意事項📢
円滑な教育参加のためには、パーソナルノートパソコンやPCが必須です。
こんな方に
おすすめです
学習対象は
誰でしょう？
非専攻者、ノーベース入門者です
体系的なスケジュールが必要です。
コーディングテストによるアルゴリズム能力の向上が必要です。
様々な実習、課題を通じた実戦感覚の向上が欲しい
JavaScript最新の文法とコアコンセプトを学びたい
71
受講生
15
受講レビュー
5.0
講座評価
1
講座
강한 유대와 끝없는 동기 부여를 통해 성장을 추구하는 제임스코딩입니다.
제임스코딩은 현업 개발자 팀으로 구성되어 있으며 함께 플랫폼을 개발하며 강의를 제공하고 있습니다.
수강생분들의 꿈을 응원하고, 동료들과 상호 협력하는 교육 환경 시스템을 제공합니다.
정해진 일정동안 몰입하여 Front-End에서 Back-End까지 실무에 바로 투입될 수 있는 실력 있는 Full Stack 개발자 양성을 목표로 하고 있습니다.
カリキュラム
全体
159件 ∙ (7時間 35分)
講座資料（こうぎしりょう）:
授業資料
3. ウェブサイトとは？
02:27
4. HTMLとは？
02:57
5. CSSとは？
02:08
6. JavaScriptとは？
02:03
7. Hello World
02:40
8. HTMLタグ
03:35
9. Tagを探検
04:52
10. Tag Attributes
05:04
11. Tag Practice
05:15
12. HTML構造
03:59
13. ヘッドタグ
03:55
14. フォームタグ
10:30
15. 入力タグとID
06:27
16. Semantic Tag
04:03
講座掲載日:
最終更新日:
受講レビュー
全体
15件
5.0
15件の受講レビュー
dong30581012受講レビュー 1
∙
平均評価 5.0
5
99% 受講後に作成This is a lecture that I have never heard of before, and it is a lecture that allows people who do not know even the letter J in JS to learn the basics. There is a systematically organized curriculum, so there is no section where the difficulty level suddenly increases in the middle of the lecture. However, it is not a method that teaches everything from A to Z, but rather, you have to look up other necessary things yourself to some extent. This was a process that gave me an experience of learning more deeply from the lecture content than what I did not know. While taking this lecture, I came to clearly understand why JS is used and the power it possesses.
- liveun
受講レビュー 1
∙
平均評価 5.0
5
81% 受講後に作成I liked the variety of learning content. I liked that there were coding tests and practice assignments prepared so that I could review what I heard in the lectures once again with the lecture notes and immediately test what I learned. Also, the difficulty and amount of assignments seemed appropriate. I think that the assignments were of appropriate difficulty and amount that I could solve within the time limit if I focused. It was very effective to be able to check and plan today's schedule from morning until 6 o'clock. By checking the schedule and setting goals to remind myself of the schedule, I was able to clearly organize what I had to do today, and through this, I was able to manage my time efficiently throughout the day. The assignments for each section helped me check if I had studied well at the end of the section and helped me understand more deeply and broadly. It also helped me finish the following content based on the fun and confidence I gained from solving the learning. When I organized the blog on the day, I reviewed the learning content, and when I wrote a review once a week, I felt like I was talking to my inner self, which was a great help in reflecting on myself. It was easy to follow the learning because the things I had to do each day were clearly set. This is my first time using Google Calendar to plan my schedule, and I found it to be a very useful tool. Also, the detailed schedule according to the time helped me a lot to spend my day systematically. I was so grateful that you changed the learning environment to fit the fluid situation. I have a weak will and tend to give up easily, but you cheered me on and encouraged me, which gave me strength! Please keep making lectures! Thank you!
- sangwon075099
受講レビュー 2
∙
平均評価 5.0
5
100% 受講後に作成It was a very satisfying experience. The course curriculum was systematically organized, and the instructors had professional knowledge and experience. The course was divided into theory and practice lectures. In the theory lecture, the basic concepts and grammar of HTML, CSS, and JavaScript were explained in detail, and in the practice lecture, I was able to improve my application skills by actually writing code. I was also able to develop the ability to think for myself while solving code problems. I think it is a good course to learn the basics of web development, and I recommend this boot camp. Thank you!
- yunjin
受講レビュー 1
∙
平均評価 5.0
5
47% 受講後に作成This is a highly recommended course. The course is conducted in a systematic way from HTML to CSS and Javascript so that you can clearly understand the concepts. When you come across something you don't know, the mentors will think about it together and support you so that you can understand it rather than just giving you the answer right away. The level of the course is very high. After listening to a few basic lectures, I gave up easily because the difficulty level suddenly became difficult, but Free College gradually increases the difficulty level and teaches you how to solve difficult parts. You can learn how to apply it through quizzes and coding tests, not just studying the concepts. You will also learn about collaboration through the final project. I grew so much while listening to this course and I started to enjoy coding! Thank you!
- dogfoot
受講レビュー 1
∙
平均評価 5.0
5
29% 受講後に作成This was a course where I could learn everything from the basics to fundamentals of HTML, CSS, and Javascript. In addition to the lectures, various contents such as coding tests and practical training were utilized, allowing me to learn and reinforce the knowledge I learned in the lectures several times. For example, in the case of the coding test of the company's own platform, reference code was provided so I could receive feedback on my code, and in the case of the practical project, I could review and utilize the contents I had learned so far. In addition, it was also good that the management team continuously managed the learning in addition to the learning content, which helped me to faithfully complete the course. Among them, the part that I liked the most was that when I had a question about a difficult part during the learning, the training engineers answered almost in real time. Although I learned mostly online, the management and feedback made me feel like I was learning offline, and I was able to complete the course well. I think that even people who have not yet encountered front-end can sufficiently acquire the basics of related languages in a short period of time through this course.
￥5,192
似ている講座
同じ分野の他の講座を見てみましょう！
![[Code Camp] Start with Pre-Camp강의 썸네일](https://cdn.inflearn.com/public/courses/329913/cover/eee923cc-911b-4c2d-a445-9fddee8e5992/thumbnail-precamp.png?f=avif&w=420)
![[ Bootstrap 5 ] Create a website quickly and smartly | Bootsrap for beginners강의 썸네일](https://cdn.inflearn.com/public/courses/329739/cover/4ee6572e-bf73-43de-a07c-01ba2c067f4d/329739-eng.png?f=avif&w=420)
![[2024] HTML Basics by Lee Behayan강의 썸네일](https://cdn.inflearn.com/public/courses/334082/cover/faaaa70e-cae8-4488-afb0-5a2d4e7c0905/334082.png?f=avif&w=420)
![Solid Frontend Bootcamp for Full Stack (HTML, CSS, Vanilla JavaScript + ES6) [Full Stack Part2]강의 썸네일](https://cdn.inflearn.com/public/course-326306-cover/4ea213de-f786-4af1-a9d0-b8932263885a?f=avif&w=420)
