
Computer architecture, network basic concepts summary
jeong4726
Through this course, students will learn the structure of computers and the overall concepts and flow of networks.
Basic
cpu, Network
この講義を通じて、受講生はHTML、CSS、JSでインスタグラムに似たWebサービスを作成することができます。 (フロントのみ実装しました!バックエンドサーバー構築は今後講義撮影予定です。)
vscode設定、必須拡張設定
CSS BEMルール
reset.cssを利用した初期設定、フォルダ、ファイル構造の作成
メディアクエリを活用したモバイル、タブレット、pcデバイスの最適化
flexboxを活用したソート
(position、transition、transform(translate関数))を活用
gridを活用した画面配置
検索、通知、その他のアニメーションの実装
純粋なjavascriptを活用したWebカルーセル、モバイルタッチカルーセルの実装
javascript 基本文法(変数、関数、条件文、反復文(for、forEach、while)、配列、オブジェクト、オプションチェイン、arrow function、イベント委任(キャプチャ、バブリング))を活用
javasript DOM操作を活用したレンダリング
純粋なjavascriptを活用したカテゴリフィルタリングの実装
書き込み、コメント、共有モーダルウィンドウ、dim処理の実装
画像アップロード、動画再生、動画無音処理の実装
navBar(サイドバー、トップ、ボトムバー)実装、モバイルウェブに合わせてナビゲーションバーを最適化
ログイン、会員登録、ホーム、リール、ナビゲーション、メッセージ、プロフィールページの実装
ブックマーク、良い実装
フォントアサムを活用してアイコンを適用する
共通コンポーネントの分割
github-pagesを使用した配布
ログイン
もっと見る
会員登録
検索、アラーム
メッセージ
カルーセル
リールズ
カードリスト
共有モーダル
いいね、ブックマーク
コメントモーダル
投稿作成モーダル
ナビゲーションページ
プロファイルのフィルタリング
一般人99%のためのIT基礎知識講義、HTMl、CSS、JS文法講義に続く第3講義です!
今回はhtml、css、jsを活用してWebサービスを作りたい方のために準備した講義です。
この講義を受講する前に、一般人99%のためのIT基礎知識の講義を選手講座すればさらに理解が速いですが、聞かなかったとしても受講することには問題ありません。
>>一般人99%のためのIT基礎知識講義無料で聞きに行く(クリック)
ただし、この講義を受講する前にHTML、CSS、JSに関する基本知識は、受講する際に理解が可能です。
-> html, css, js ワンチョボ 無料で脱出 クリック
私の現業経験を溶かした講義です!
私は試行錯誤を経験して学んだノウハウを込めました。
その講義の画像とビデオは
https://fontawesome.com/search?q=card&o=r&m=free
を参照しました。
受講時に必要な資料とソースコードは、最初の講義とセクションの隙間を講義資料として添付しました。
長い記事を読んでくれてありがとう、幸せなことだけがいっぱいです。
学習対象は
誰でしょう?
サービスを作りたい人
Webとアプリの開発に興味がある方
ライブラリ、フレームワークを使わずに純粋なhtml、css、javascriptだけを利用してサービスを作りたい方
前提知識、
必要でしょうか?
html
css
javascript
8,064
受講生
159
受講レビュー
4
回答
4.5
講座評価
9
講座
수강하시는 분들은 IT 계열에 관심 있으실 것 같습니다.
수강하시는 모든 분들이 원하는 목표 성취하셨으면 좋겠습니다.
많은 수강 바래요.
[현업개발 이력]
2019.03.02 ~ 현재 개발
[학력]
경희대학교 전자공학과 졸업 ( 학사 )
全体
91件 ∙ (12時間 57分)
講座資料(こうぎしりょう):
2. vscode インストール
05:49
3. CSS BEM ルール
07:25
4. ログインページ マークアップ
05:32
5. ログインページ マークアップ完了
11:27
6. ログインページ スタイリング
18:51
7. ログインページ機能実装
08:12
8. 会員登録ページ
03:35
10. ナビメニュー マークアップ
13:04
11. もっと見るメニューマークアップ
06:07
12. ナビメニュー スタイリング
11:56
13. もっと見る スタイリング
07:32
14. フォルダー、ファイルの整理
06:08
15. 検索マークアップ
09:09
16. 検索のスタイリング
15:28
17. 検索実装完了
05:33
18. アラーム マークアップ
07:33
19. アラームスタイリング
12:26
20. アラームフォロー
06:29
21. アラーム実装完了
04:03
22. ナビメニュー リファクタリング
17:14
23. ナビ リファクタリング _2
10:01
25. メイン画面マークアップ
06:28
26. カルーセル スタイリング
16:22
27. カルーセル機能実装
15:31
28. カルーセル完了
16:19
30. 投稿マークアップ
12:45
31. 投稿スタイリング
20:00
32. 投稿機能実装
13:45
33. 友達紹介マークアップ
08:58
34. 友達紹介完了
14:33
36. いいね実装完了
11:16
37. ブックマーク完了
04:37
40. コメントモーダル スタイリング
18:25
42. コメントモーダル機能実装
08:23
43. コメントモーダル 実装完了
15:54
45. 共有モーダル マークアップ
09:51
46. 共有モーダルスタイリング
12:56
47. 共有モーダル機能実装
05:41
49. モーダル中間修正
04:02
50. 書き込みモーダル マークアップ
09:03
51. 作成モーダル マークアップ_2
04:05
52. 書き込みモーダルのスタイリング
14:18
53. 文章のスタイリング_2
13:21
54. 投稿モーダル 画像アップロード
12:09
55. 書き込みモーダル完了
17:48
57. ディテール作業
04:44
58. メディアクエリ
09:07
59. navBottom 完了
07:29
61. 中間修正
10:40
62. 中間修正_2
07:55
63. 中間修正_3
12:35
64. 中間修正_4
03:56
65. 中間修正完了
07:56
66. 共通コンポーネント分割_1
10:40
67. 共通コンポーネント分割_2
11:51
68. 共通コンポーネント分割_3
06:16
69. 分割完了
08:51
72. サーチ実装完了
05:02
73. リールマークアップ
09:44
74. リールスタイリング
16:07
75. リール スタイリング 完了
03:05
76. リール 動的割り当て
08:52
77. リール再生機能の実装
06:45
78. リール機能完了
10:14
79. リール レスポンシブ完了
03:15
81. メッセージページのマークアップ
10:49
82. メッセージスタイリング完了
20:36
83. メッセージ レスポンシブ完了
02:57
85. プロフィールページ マークアップ
09:08
86. プロフィールスタイリング
15:19
87. プロフィールスタイリング完了
10:28
88. プロフィール機能完了
18:23
89. 最終作業完了
07:30
91. 配布
05:07
全体
1件
¥3,518
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!