-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
190 lines (178 loc) · 9.45 KB
/
index.html
File metadata and controls
190 lines (178 loc) · 9.45 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8"/>
<title>Codebase HTML/CSS 課題</title>
<link rel="icon" href="./assets/images/favicon.png" type="image/svg+xml">
<link rel="stylesheet" href="./assets/styles/reset.css">
<link rel="stylesheet" href="./assets/styles/style.css">
</head>
<body>
<header class="header">
<div class="header__logo">
<a href="#">
<img src="./assets/images/img_logo_01.png" alt="CODEBASE">
</a>
</div>
<nav>
<ul class="header__nav">
<li>
<a href="#about">CODE BASE OKINAWAとは</a>
</li>
<li>
<a href="#course">プログラミング講座</a>
</li>
<li>
<a href="#goal">本講座のゴール</a>
</li>
<li>
<a href="#topics">トピックス</a>
</li>
</ul>
</nav>
</header>
<main>
<div class="first-view">
<img src="./assets/images/img_logo_02.png" alt="CODEBASE">
</div>
<section id="about" class="about">
<h2>CODE BASE OKINAWAとは</h2>
<p>
CODE BASE OKINAWAは、「宜野湾西海岸を、ITビーチに！」という目的のもと<br/>
プロトソリューションが運営するラボスペース。<br/>
これからITスキルを身に付けたい方や、<br/>
すでにエンジニアやクリエイターとして活動されている方が集う場所を目指し、<br/>
様々な勉強会やイベントを開催していきます。
</p>
<div class="about__images">
<img src="./assets/images/img_about_01.png" alt="img_about_01">
<img src="./assets/images/img_about_02.png" alt="img_about_02">
</div>
</section>
<section id="course" class="course">
<h2>CODE BASEのプログラミング講座</h2>
<p>
本気でWEBアプリケーションエンジニアを目指す人を対象に2か月間のプログラミング教室を開催します。<br/>
他講座との決定的な違いは、本講座ではただプログラミングを学ぶことを目的とせず、プログラミングの仕組みや背景を学び、<br/>
さらに学習の習慣を身に付け、卒業後エンジニアとして自走していくことができるようになるということ。<br/>
このプログラミング教室で、エンジニアとしてのスタートラインに立ちませんか？<br/>
宜野湾市にあるCODE BASE OKINAWAで開催します！<br/>
オフライン前提で講座を開催する予定ですが、ソーシャルディスタンスとマスク着用などコロナ拡散防止対策を行った上で講義を開始します。<br/>
またコロナ禍の影響よりオンライン講座の可能性がありますのでご了承のうえお申し込みください。<br/>
</p>
</section>
<section id="goal" class="goal">
<h2>本講座のゴール</h2>
<p class="goal__title">本当に、「プログラミング」を仕事にするための1,000時間。</p>
<div class="goal__content">
<p>
本講座では、自主学習時間も含めて2ヶ月で約200～300時間学習することを目標として開催させています。
ただ200～300時間学習したとはいえ、エンジニアとして開発できるというにはまだまだの実力です。
だいたい1,000時間学習すると、プログラミングを使った仕事ができるようになるひとつの基準として、卒業後も学習を継続できるような環境を作っています。<br/>
2ヶ月間の受講期間でRubyを使った簡単なWEBアプリケーションの制作し、
講座終了後に複雑なアプリケーションを作るためのフレームワーク(Ruby on Rails)を学んでいきます。<br/>
そして、その後はプロトタイプのWEBアプリケーションを作るハッカソンや、簡単な制作案件やインターンシップで実案件を経験することで1,000時間学習します。
</p>
<div class="goal__image">
<img src="./assets/images/img_goal.png" alt="img_goal">
</div>
</div>
</section>
<section id="topics" class="topics">
<h2>プログラミング講座に関するトピックス</h2>
<div class="topics__content">
<div class="topics__content__item">
<div>
<img src="./assets/images/img_topics_01.jpg" alt="CODEimg_topics_01BASE">
</div>
<div class="topics__content__item__inner">
<div class="topics__content__item__date">
2023.04.20
</div>
<div class="topics__content__item__body">
2023年4月20日、プログラミング講座の中間発表会が開催され、参加者たちが熱心に学んだ成果を披露しました！
それぞれの制作物には個性があふれ、発表を通して学び合う貴重な機会となりました。以下、各参加者の発表内容を詳しくご紹介します。
</div>
</div>
</div>
<div class="topics__content__item">
<div>
<img src="./assets/images/img_topics_02.jpg" alt="img_topics_02">
</div>
<div class="topics__content__item__inner">
<div class="topics__content__item__date">
2023.03.22
</div>
<div class="topics__content__item__body">
2023年1月16日に、CODE BASE OKINAWA プログラミング講座
第21期生の中間制作発表会を開催しました！12月12日から約1ヶ月間、WebサイトやWebアプリケーション制作の基本となる、HTMLやCSSを学習！週に2回の講座に加えて、ビデオを活用した自主学習にも取り組んできました。
初めてプログラミングを学習する方がほとんどの中、1ヶ月でどこまでできるようになったのか発表が楽しみです！
</div>
</div>
</div>
<div class="topics__content__item">
<div>
<img src="./assets/images/img_topics_03.jpg" alt="img_topics_03">
</div>
<div class="topics__content__item__inner">
<div class="topics__content__item__date">
2023.03.22
</div>
<div class="topics__content__item__body">
2023年2月27日に、CODE BASE OKINAWA プログラミング講座
第21期生の卒業制作発表会を開催しました！12月12日から約2ヶ月間、HTMLやCSS、RubyやSinatra、データベースの構築などを学習してきた第21期生。
週に2回の講座だけでなく、自主学習時間も求められるカリキュラムの中で、プログラミング学習に時間を注いだ2ヶ月間だったはずです。
</div>
</div>
</div>
<div class="topics__content__item">
<div>
<img src="./assets/images/img_topics_04.jpg" alt="img_topics_04">
</div>
<div class="topics__content__item__inner">
<div class="topics__content__item__date">
2022.12.01
</div>
<div class="topics__content__item__body">2022年11月21日に、CODE BASE OKINAWA プログラミング講座
第20期生の卒業制作発表会を開催しました！9月12日から約2ヶ月間、HTMLやCSS、RubyやSinatraに加え、データベースの構築やER図(データベースの設計図)の制作を学習！週に2回の講座だけでなく、ビデオや資料を活用した自主学習にも取り組み、プログラミング漬けの2ヶ月だったと思います。
今回の卒業制作発表会では、ログインや投稿などの機能を実装したオリジナルのWebアプリケーションを学習の成果として発表！
その発表の中から、3人の作品をピックアップしてご紹介します！
</div>
</div>
</div>
<div class="topics__content__item">
<div>
<img src="./assets/images/img_topics_05.jpg" alt="img_topics_05">
</div>
<div class="topics__content__item__inner">
<div class="topics__content__item__date">
2022.10.27
</div>
<div class="topics__content__item__body">
2022年10月6日に、CODE BASE OKINAWA プログラミング講座 第20期生の中間発表会を開催しました！
9月12日からスタートした第20期。約3週間でWebサイトの骨格をつくるHTMLや装飾を施すCSSを学び、静的なWebサイト(ログイン機能や投稿機能がない、企業やアーティストのホームページのイメージ！)を制作できるようになりました。
中間発表会では、これまでの3週間で学んだことを活かした「オリジナルWebサイト」を制作して他の受講生に発表しました！その中から、4作品をピックアップしてご紹介していきます！
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="footer__inner">
<p class="footer__title">株式会社プロトソリューション</p>
<p>
<a href="https://www.protosolution.co.jp/" target="_blank">https://www.protosolution.co.jp/</a>
</p>
<p>
〒901-2223<br/>
沖縄県宜野湾市大山7-10-14<br/>
プロト宜野湾沖縄本社第2ビル
</p>
</div>
<div class="footer__copyright">
Copyright ©PROTO SOLUTION, All rights reserved.
</div>
</footer>
</body>
</html>