![[웹 개발 풀스택 코스] Node.js 프로젝트 투입 일주일 전 - 기초에서 실무까지Course Thumbnail](https://cdn.inflearn.com/public/courses/330080/cover/53450c0a-fe6a-448a-a968-54803487b395/nodejs-1.jpg?w=420)
[웹 개발 풀스택 코스] Node.js 프로젝트 투입 일주일 전 - 기초에서 실무까지
개발자의 품격
본 강의는 풀스택 웹 개발자 양성을 위한 [웹 개발 풀스택 코스] 강의 시리즈의 백엔드 부분에 대한 강의입니다. 이 강의는 강사의 저서 <Node.js 프로젝트 투입 일주일 전>의 내용을 바탕으로 만들어진 강의입니다.
Basic
Node.js, MySQL, Express
本講義は、フルスタックWeb開発者養成のための「Web開発フルスタックコース」講義シリーズのHTML&CSSに関する講義です。 この講義を通じて、Web開発の骨格であるHTMLとWebを美しくするCSSについて理解することになります。
HTML 基本タグ
グローバル属性とローカル属性
セマンティックタグ
フォント、リスト、色、テーブルスタイリング
レイアウトデザイン
レスポンシブウェブ
よく読まれるWeb、速いWeb実装のための基盤!
HTML&CSSをしっかり学びましょう✨
✅このレッスンは、[フルスタックWeb開発者ロードマップ]シリーズのレッスンです。
Webを構築する基礎技術であるHTMLとCSSは、すべてをつなぐために生まれた言語です。
HTMLはHyper Text Markup Languageの略です。 Hyper, Text, Markup, Language このように 4 つの単語で構成されています。この言葉の中で最も重要な言葉はハイパーです。 HTMLを理解するための最も重要なヒントは、ハイパーリンク( Hyperlink )から取得できるからです。
紙の時代の文字ではなく、WebブラウザやWordなどの文書作成ツールでは、ハイパーリンクと呼ばれる機能を使用して、ビデオ、音楽、写真、ファイル、投稿などの特定の場所をリンクできます。ハイパーリンクは、文書内ですべての形式の資料をリンクして指すことができる参照環です。初期ウェブにタグのようなハイパーリンクの機能をするタグがあったことは本当に驚くべきことではありません。 Webをなす根幹技術であるHTMLは、結局、すべてをつなぐために誕生したと見れば良いのです。
Hyperは「超越」という意味を持ち、Textは「文字」を意味します。つまり、Hyper Textは、文字と文字、文章と文章、文書と文書が互いに有機的に連結されてコミュニケーションできる一般文字を超えた文字であるわけです。
HTMLは、これらのHyper Textをマークアップ(Markup)できる言語(Language)です。ここでマークアップとは、文書内容以外にも文書の書式、構造などを表現するための情報です。 HTMLは、これらのマークアップ情報を表現できる言語で、Webのスケルトンに対応しています。
一方、CSS(Cascading Style Sheets)はHTMLというスケルトンにきれいな服を着せるデザインを担当する言語です。 CSSを使用すると、Webのレイアウト、色、フォント、サイズなどのデザインを適用できます。
HTML / CSSを学ぶことなくWeb開発者になることはできません。
よく読んでいるWebとそうでないWebについて考えたことがありますか?私たちは毎日、本、テレビ、マガジン、ブログなど、数多くの記事を読みながら生きていきます。ところで、ある文章はよく読まれ、どんな文章もよく読まない。 Web開発者が書いたコードも同じです。人の目には見えませんが、検索エンジンやスクリーンリーダーなどのソフトウェアを介して読み込まれます。検索エンジンとスクリーンリーダーは、Webページを通じて目に見えないWebを構成するコードを解釈し、私たちが開発したWebページを解釈します。ソフトウェアがよく読んで理解できるコードを書くにはどうすればよいですか?そしてそれはなぜ重要なのでしょうか?
よく読んでいる文章を書く方法は、「簡単にはっきり」書くことです。開発者が書いたコードも同様です。マークアップを作成するときは、不要なタグを削除してページを整理するために必要なタグだけで構造を簡単にする必要があります。
今日、ウェブは熟練するだけでなく、速くなければなりません。 Googleの研究によると、Webページの読み込みに5秒以上かかると、訪問者がページを離脱する可能性が90%増加するという。ブラウザのレンダリングプロセスを理解し、ページ内で使用するリソースを最適化して読みやすくするだけでなく、高速なWebを提供する必要があります。そのため、良いWebを開発するためには、Webをなす基本言語であるHTMLとCSSの基礎をしっかりと積み重ねなければなりません。
ソフトウェア技術を通じて世界に良い影響力を与えたい24年次ソフトウェア開発者。
知識を分かち合うのが好きで、常に新しいスキルを身につけることを楽しんでいます。
国内外60社を超えるグローバル企業ERPシステムを構築するコンサルタントおよび開発者として活動し、直接開発したソフトウェアを国内はもちろん海外有数の企業に販売した経験も持っています。 ITスタートアップ代表取締役でもあります。
開発者だけでなく、UXコンサルタントとして、時にはビジネスコンサルタントとして働きながら、アプリケーションやサービス開発時の企画から開発まで、全過程について数多くの経験を積んできました。今は20年以上の実務経験をもとに、後輩たちに本当に必要な技術、本当にきちんとした知識を伝える使命感を持って知識を分かち合うことをしています。
学習対象は
誰でしょう?
Web開発者になりたい人
コーディングを始める人
HTMLを学びたい人
CSSを学びたい人
前提知識、
必要でしょうか?
選手の知識なしで誰でも聞くことができます。
10,967
受講生
248
受講レビュー
152
回答
4.9
講座評価
8
講座
소프트웨어 기술을 통해 세상에 선한 영향력을 주고 싶은 24년차 소프트웨어 개발자.
지식을 나누는 것을 좋아하고 항상 새로운 기술을 익히는 것을 즐겨요.
국내외 60개가 넘는 글로벌 기업 ERP 시스템을 구축하는 컨설턴트 및 개발자로 활동하였고, 직접 개발한 소프트웨어를 국내는 물론 해외 유수의 기업에 판매를 한 경험 또한 가지고 있어요. IT스타트업 대표이사 이기도 해요.
개발자 뿐만 아니라, UX 컨설턴트로, 때로는 비즈니스 컨설턴트로 일하면서 애플리케이션과 서비스 개발 시 기획에서 개발까지 전과정에 대한 수많은 경험을 쌓았고, 이제는 20년이 넘는 실무 경험을 바탕으로 후배들에게 정말 필요한 기술, 정말 제대로 된 지식을 전달하는 사명감을 갖고 지식 나눔에 일을 하고 있어요.
이메일 - seungwon.go@gmail.com
全体
33件 ∙ (14時間 46分)
講座資料(こうぎしりょう):
2. 開発環境の構成
15:04
3. HTML基本構造と基本要素
55:37
4. グローバル属性とローカル属性
42:19
5. style プロパティ
11:54
6. 意味に合ったタグを使う
33:27
7. リストタグ
10:58
8. テーブルタグ
19:36
9. form要素
59:32
10. input要素の主な属性
21:22
11. その他フォーム要素
24:35
12. フォームタグ
21:44
13. iframe
21:49
14. ビデオとオーディオ
20:24
15. mapタグ
22:50
16. セマンティックタグ
15:20
17. CSSとは
15:02
18. CSSセレクタ
01:11:00
19. CSSの適用方法
19:36
20. 色の適用方法
22:50
21. テキストスタイリング
24:55
22. フォントスタイリング
41:14
23. リストスタイリング
12:56
24. リンクとカーソルスタイリング
22:27
25. テーブルスタイリング
08:01
28. Border スタイリング
13:56
29. HTML要素の位置の定義
32:09
30. オーバーフロー
13:58
31. レイアウトを作成するためのCSS
51:10
32. レスポンシブウェブ
53:31
全体
105件
4.9
105件の受講レビュー
受講レビュー 1
∙
平均評価 5.0
受講レビュー 2
∙
平均評価 5.0
受講レビュー 1
∙
平均評価 5.0
受講レビュー 286
∙
平均評価 5.0
受講レビュー 9
∙
平均評価 5.0
無料
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!