This repository has been archived by the owner on May 3, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
887 lines (825 loc) · 38.9 KB
/
index.html
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
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>MCCDGM Course Catalog</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Lato:400,700|Montserrat:400,700" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<link rel="stylesheet prefetch" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-----------------------------------------
Editing this file live on the server?
______ ________ ______ _______ __
/ \| \ / \ | \ | \
| $$$$$$\\$$$$$$$$| $$$$$$\| $$$$$$$\| $$
| $$___\$$ | $$ | $$ | $$| $$__/ $$| $$
\$$ \ | $$ | $$ | $$| $$ $$| $$
_\$$$$$$\ | $$ | $$ | $$| $$$$$$$ \$$
| \__| $$ | $$ | $$__/ $$| $$ __
\$$ $$ | $$ \$$ $$| $$ | \
\$$$$$$ \$$ \$$$$$$ \$$ \$$
Make your changes in our courses repo at
https://github.com/mccdgm/courses to keep
a versioned copy and make sure that your
updates aren't overwritten.
------------------------------------------>
<header>
<div class="container">
<h1>MCC Digital Media Courses</h1>
<p>
All courses are available live and on campus unless otherwise noted.
</p>
<p>
Unscheduled courses appear in <span style="color:#aaa">grey</span>.
</p>
</div>
</header>
<section class="featured">
<div class="container">
<h2>New and Featured Courses</h2>
<div class="card-set">
<!-- dgm152 -->
<div class="card new dgm152">
<a href="dgm152" class="card-img-link">
<img class="card-img-top" src="images/dgm152.jpg" alt="DGM152">
</a>
<div class="card-block">
<h4 class="card-title">
<strong>
<a href="dgm152">DGM152:</a>
</strong>
Interface Design
</h4>
<p class="card-text">
Interface Design students explore Gestalt theory, color theory, typography, and establishing a brand across mediums. Students will apply these theories to design and prototype web pages, Android Applications, and iOS applications.
</p>
<p class="card-text small text-muted">Spring (online and blended)</p>
</div>
</div>
<!-- dgm153 - add details on offering? -->
<div class="card new dgm153">
<a href="dgm153" class="card-img-link">
<img class="card-img-top" src="images/dgm153.jpg" alt="DGM153">
</a>
<div class="card-block">
<h4 class="card-title">
<strong>
<a href="dgm153">DGM153:</a>
</strong>
Designing the User Experience
</h4>
<p class="card-text">
Designing the User Experience introduces students to the foundations of User Experience Design (UX). Students explore the difference between experience design and interface design, create personas, develop scenarios, create paper and electronic prototypes, perform usability tests and create iterative UX designs based on the findings of research with test subjects.
</p>
<p class="card-text small text-muted">Spring (online and blended)</p>
</div>
</div>
<!-- dgm164 -->
<div class="card new dgm164">
<img class="card-img-top" src="images/dgm164.png" alt="DGM164">
<div class="card-block">
<h4 class="card-title">
<strong>
DGM164:
</strong>
Unity Game Development I
</h4>
<p class="card-text">
Unity Game Development offers an introduction to programming games in the environment provided by the Unity platform. Students get practical experience with the tools, game content creation, exporting and importing assets. Basic scripting methods will be discussed. Students will be developing scenes, levels and complete interactive games.
</p>
<p class="card-text small text-muted">Spring</p>
</div>
</div>
<!-- dgm264 -->
<div class="card new dgm264">
<img class="card-img-top" src="images/dgm264.png" alt="DGM264">
<div class="card-block">
<h4 class="card-title">
<strong>
DGM264:
</strong>
Unity Game Development II
</h4>
<p class="card-text">
Unity Game Development 2 offers an introduction to programming games in the environment provided by the Unity platform. Students will learn the process of creating scripts for games in order to control interactive characteristics and customize game objects, special effects, multiplayer features and game parameters.
</p>
<p class="card-text small text-muted">Spring</p>
</div>
</div>
<!-- dgm290 -->
<div class="card new dgm290">
<a href="dgm290" class="card-img-link">
<img class="card-img-top" src="images/dgm290.png" alt="DGM290">
</a>
<div class="card-block">
<h4 class="card-title">
<strong>
<a href="dgm290">DGM290:</a>
</strong>
Command Line for Web Developers
</h4>
<p class="card-text">
In Command Line for Web Developers, students will become familiar with UNIX command line tools. Using automated build tools and task runners, students will be able to create and deploy static websites. Students will also learn how to use version control to work with teams and manage projects.
</p>
<p class="card-text small text-muted">Spring 2018 (online)</p>
</div>
</div>
</div>
</div>
</section>
<main>
<div class="container">
<h2 class="mt-5">DGM Courses</h2>
<div class="card-set">
<!-- dgm107 -->
<div class="card dgm107">
<a href="dgm107" class="card-img-link">
<img class="card-img-top" src="images/dgm107.jpg" alt="DGM107">
</a>
<div class="card-block">
<h4 class="card-title">
<strong>
<a href="dgm107">DGM107:</a>
</strong>
Intro to Digital Legalities
</h4>
<p class="card-text">
Introduction to Digital Legalities introduces students to the fundamentals of protecting a wide range of digital intellectual properties, fair use, optioning and securing rights, protecting work online and in emerging platforms, and what happens when a work is stolen.
</p>
<p class="card-text small text-muted">Fall and Spring (online)</p>
</div>
</div>
<!-- dgm110 -->
<div class="card dgm110">
<img class="card-img-top" src="images/dgm110.jpg" alt="DGM110">
<div class="card-block">
<h4 class="card-title">
<strong>
DGM110:
</strong>
Game Design I
</h4>
<p class="card-text">
Game Design I introduces students to basic game theory (including game play and strategy) and explores different uses for games, from education and training to entertainment. Students focus on the design process, from developing a basic concept and selling the proposal to production and marketing. The class also covers the history of the video game industry.
</p>
<p class="card-text small text-muted">Fall and Spring (blended)</p>
</div>
</div>
<!-- dgm123 -->
<div class="card dgm123">
<a href="dgm123" class="card-img-link">
<img class="card-img-top" src="images/dgm123.jpg" alt="DGM123">
</a>
<div class="card-block">
<h4 class="card-title">
<strong>
<a href="dgm123">DGM123:</a>
</strong>
Digital 2D Design
</h4>
<p class="card-text">
Digital 2D Design is a foundation course in the principles of design and the elements of art using digital media.
</p>
<p class="card-text small text-muted">Fall and Spring</p>
</div>
</div>
<!-- dgm125 -->
<div class="card dgm125">
<a href="dgm125" class="card-img-link">
<img class="card-img-top" src="images/dgm125.jpg" alt="DGM125">
</a>
<div class="card-block">
<h4 class="card-title">
<strong>
<a href="dgm125">DGM125:</a>
</strong>
Digital Drawing I
</h4>
<p class="card-text">
Digital Drawing I is an introduction to the fundamental concepts and techniques of drawing using digital media to create a variety of black and white images. Emphasis will be made on descriptive drawing techniques from geometric to organic objects. Course will include vocabulary development, critical analysis activities, development of computer hardware and software drawing tools and techniques, and reference to historical models of drawing.
</p>
<p class="card-text small text-muted">Fall and Spring</p>
</div>
</div>
<!-- dgm152 -->
<div class="card new dgm152">
<a href="dgm152" class="card-img-link">
<img class="card-img-top" src="images/dgm152.jpg" alt="DGM152">
</a>
<div class="card-block">
<h4 class="card-title">
<strong>
<a href="dgm152">DGM152:</a>
</strong>
Interface Design
</h4>
<p class="card-text">
Interface Design students explore Gestalt theory, color theory, typography, and establishing a brand across mediums. Students will apply these theories to design and prototype web pages, Android Applications, and iOS applications.
</p>
<p class="card-text small text-muted">Spring (online and blended)</p>
</div>
</div>
<!-- dgm153 - add details on offering? -->
<div class="card new dgm153">
<a href="dgm153" class="card-img-link">
<img class="card-img-top" src="images/dgm153.jpg" alt="DGM153">
</a>
<div class="card-block">
<h4 class="card-title">
<strong>
<a href="dgm153">DGM153:</a>
</strong>
Designing the User Experience
</h4>
<p class="card-text">
Designing the User Experience introduces students to the foundations of User Experience Design (UX). Students explore the difference between experience design and interface design, create personas, develop scenarios, create paper and electronic prototypes, perform usability tests and create iterative UX designs based on the findings of research with test subjects.
</p>
<p class="card-text small text-muted">Spring (online and blended)</p>
</div>
</div>
<!-- dgm160 -->
<div class="card dgm160">
<img class="card-img-top" src="images/dgm160.jpg" alt="DGM160">
<div class="card-block">
<h4 class="card-title">
<strong>
DGM160:
</strong>
3D Game Development I
</h4>
<p class="card-text">
3D Game Development 1 introduces game development using a game engine. Students will learn to work with 3D animation, interaction, vector, and Matrices, scripting for the game engine. Students will create games using the game engine and will incorporate programming to control 3D interactions.
</p>
<p class="card-text small text-muted">Fall and Spring</p>
</div>
</div>
<!-- dgm164 -->
<div class="card new dgm164">
<img class="card-img-top" src="images/dgm164.png" alt="DGM164">
<div class="card-block">
<h4 class="card-title">
<strong>
DGM164:
</strong>
Unity Game Development I
</h4>
<p class="card-text">
Unity Game Development offers an introduction to programming games in the environment provided by the Unity platform. Students get practical experience with the tools, game content creation, exporting and importing assets. Basic scripting methods will be discussed. Students will be developing scenes, levels and complete interactive games.
</p>
<p class="card-text small text-muted">Fall</p>
</div>
</div>
<!-- dgm168 -->
<div class="card dgm168">
<a href="dgm168" class="card-img-link">
<img class="card-img-top" src="images/dgm168.jpg" alt="DGM168">
</a>
<div class="card-block">
<h4 class="card-title">
<strong>
<a href="dgm168">DGM168:</a>
</strong>
Computer Art I
</h4>
<p class="card-text">
Computer Art I is an introductory course in the electronic creation of artworks and images. The capture of images with scanners and other digital input devices is explored. Students learn to manipulate images and output them to print using color laser and ink jet printers. The created images will be critiqued on their technical, aesthetic, and conceptual approaches.
</p>
<p class="card-text small text-muted">Fall and Spring</p>
</div>
</div>
<!-- dgm170 -->
<div class="card dgm170">
<a href="dgm170" class="card-img-link">
<img class="card-img-top" src="images/dgm170.jpg" alt="DGM170">
</a>
<div class="card-block">
<h4 class="card-title">
<strong>
<a href="dgm170">DGM170:</a>
</strong>
Digital Video Production
</h4>
<p class="card-text">
Digital Video Production explores the basic skills needed to videotape and edit digital video into a finished form. Students will learn how to plan and shoot digital video. The digital footage is then edited using non-linear editing software giving the completed production a professional look. The videos are then converted to formats that can be used on various platforms from DVDs to online streaming.
</p>
<p class="card-text small text-muted">Fall and Spring</p>
</div>
</div>
<!-- dgm210 -->
<div class="card unavailable dgm210">
<img class="card-img-top" src="images/game3.jpg" alt="DGM210">
<div class="card-block">
<h4 class="card-title">
<strong>
DGM210:
</strong>
Game Design II
</h4>
<p class="card-text">
Game Design II focuses more in-depth on game design and production. Students get the experience of developing a game, moving through the process of level design, creating graphics, developing different characters, and constructing dialogue and story. They also look at specific genres.
</p>
<p class="card-text small text-muted">Spring</p>
</div>
</div>
<!-- dgm250 - available as requested and approved by chair -->
<div class="card dgm250">
<a href="dgm250">
<img class="card-img-top" src="images/dgm250.jpg" alt="DGM250">
</a>
<div class="card-block">
<h4 class="card-title">
<strong>
<a href="dgm250">DGM250:</a>
</strong>
Digital Media Internship
</h4>
<p class="card-text">
Digital Media Internship gives students real-world experience using digital media technology and helps build their portfolio. Specific goals are prepared by the internship coordinator at MCC in cooperation with the employer.
</p>
<p class="card-text small text-muted">Available with Permission</p>
</div>
</div>
<!-- dgm256 - offered in fall as dgm290 -->
<div class="card dgm256">
<a href="dgm256" class="card-img-link">
<img class="card-img-top" src="images/dgm256.png" alt="DGM256">
</a>
<div class="card-block">
<h4 class="card-title">
<strong>
<a href="dgm256">DGM256:</a>
</strong>
Digital Freelancing
</h4>
<div class="card-text">
<p>
Digital Freelancing students learn how to run their own freelancing business. They create a business plan, consider financial and tax concerns, study marketing strategies, learn to register as a business and find startup capital, explore working with customers, practice quoting jobs and discuss other issues that arise for business startups or freelancers.
</p>
<p class="text-muted small">
<strong>Course Note:</strong> This course is intended for someone with the training or experience to start freelancing in Graphic Arts, Web Development, Videography, or any kind of Programming. Students should be either training in, or experienced in one of these areas.
</p>
</div>
<p class="card-text small text-muted">Fall (online and blended)</p>
</div>
</div>
<!-- dgm260 -->
<div class="card dgm260">
<img class="card-img-top" src="images/game4.jpg" alt="DGM260">
<div class="card-block">
<h4 class="card-title">
<strong>
DGM260:
</strong>
Game Development II
</h4>
<p class="card-text">
Game Development II introduces advanced aspects of game development using a game engine. Students work with scripting and programming tools. New assets development and interactions in multiplayer 3D environments are discussed. Students incorporate artificial intelligence - based decision making into games.
</p>
<p class="card-text small text-muted">Fall and Spring</p>
</div>
</div>
<!-- dgm264 -->
<div class="card new dgm264">
<img class="card-img-top" src="images/dgm264.png" alt="DGM264">
<div class="card-block">
<h4 class="card-title">
<strong>
DGM264:
</strong>
Unity Game Development II
</h4>
<p class="card-text">
Unity Game Development 2 offers an introduction to programming games in the environment provided by the Unity platform. Students will learn the process of creating scripts for games in order to control interactive characteristics and customize game objects, special effects, multiplayer features and game parameters.
</p>
<p class="card-text small text-muted">Spring</p>
</div>
</div>
<!-- dgm265 -->
<div class="card dgm265">
<a href="dgm265">
<img class="card-img-top" src="images/dgm265.jpg" alt="DGM265">
</a>
<div class="card-block">
<h4 class="card-title">
<strong>
<a href="dgm265">DGM265:</a>
</strong>
Agile Project Management
</h4>
<p class="card-text">
Agile Project Management students explore the differences between the traditional waterfall method of project management and the Agile process. Students work in groups to complete a digital project using iterative agile strategies. Students organize into Scrum teams, refine the backlog of requirements, plan and implement sprints, and present results.
</p>
<p class="card-text small text-muted">Fall (online and blended)</p>
</div>
</div>
<!-- dgm275 -->
<div class="card dgm275">
<a href="dgm275" class="card-img-link">
<img class="card-img-top" src="images/dgm275.jpg" alt="DGM275">
</a>
<div class="card-block">
<h4 class="card-title">
<strong>
<a href="dgm275">DGM275:</a>
</strong>
Portfolio Design
</h4>
<p class="card-text">
Portfolio Design prepares students to present work for college transfer, to employers and to potential clients. Students will set up and design a web-based portfolio. Classes cover presentation techniques, visual presentation, interviewing, resumes, cover letters, requests for letters of recommendation, and a mock interview.
</p>
<p class="card-text small text-muted">Fall and Spring (blended)</p>
</div>
</div>
<!-- dgm290 -->
<div class="card new dgm290">
<a href="dgm290" class="card-img-link">
<img class="card-img-top" src="images/dgm290.png" alt="DGM290">
</a>
<div class="card-block">
<h4 class="card-title">
<strong>
<a href="dgm290">DGM290:</a>
</strong>
Command Line for Web Developers
</h4>
<p class="card-text">
In Command Line for Web Developers, students will become familiar with UNIX command line tools. Using automated build tools and task runners, students will be able to create and deploy static websites. Students will also learn how to use version control to work with teams and manage projects.
</p>
<p class="card-text small text-muted">Spring 2018 (online)</p>
</div>
</div>
</div><!-- end card-set -->
<h2 class="mt-5">GRA Courses</h2>
<div class="card-set">
<!-- gra100 -->
<div class="card gra100">
<a href="gra100" class="card-img-link">
<img class="card-img-top" src="images/gra100.jpg" alt="GRA100">
</a>
<div class="card-block">
<h4 class="card-title">
<strong>
<a href="gra100">GRA100:</a>
</strong>
Adobe Design Suite
</h4>
<p class="card-text">
Adobe Design Suite introduces students to the industry standard software used within design and multimedia production fields. Graphic design, web design, video game design and animation, among other areas, will be discussed within the course in direct application of the software. Students gain a solid foundation of software knowledge to prepare them for success while pursuing a degree in the design and multimedia production fields.
</p>
<p class="card-text small text-muted">Fall and Spring</p>
</div>
</div>
<!-- gra167 -->
<div class="card gra167">
<a href="gra167" class="card-img-link">
<img class="card-img-top" src="images/gra167.jpg" alt="GRA167">
</a>
<div class="card-block">
<h4 class="card-title">
<strong>
<a href="gra167">GRA167:</a>
</strong>
Graphic Design I
</h4>
<p class="card-text">
Graphic Design I is an introduction to graphic design using the Macintosh platform. Emphasis will be placed on the creative use of software to solve a series of commercial and graphic design problems. Students also engage in basic hands-on exercises to generate images and typography to be incorporated into various graphic design layouts and/or formats.
</p>
<p class="card-text small text-muted">Fall and Spring</p>
</div>
</div>
<!-- gra180 -->
<div class="card unavailable gra180">
<a href="gra180" class="card-img-link">
<img class="card-img-top" src="images/gra180.jpg" alt="GRA180">
</a>
<div class="card-block">
<h4 class="card-title">
<strong>
<a href="gra180">GRA180:</a>
</strong>
History of Graphic Design
</h4>
<p class="card-text">
History of Graphic Design is a historical survey of illustration, typography and commercial art. Topics include formal, stylistic, social, political, economic and historical aspects. Emphasis is placed on art movements, schools of thought, individuals and technology that have contributed to the development of graphic design and its role as a vital component of each culture and period in human history.
</p>
<p class="card-text small text-muted">Spring</p>
</div>
</div>
<!-- gra183 -->
<div class="card gra183">
<a href="gra183" class="card-img-link">
<img class="card-img-top" src="images/gra183.jpg" alt="GRA183">
</a>
<div class="card-block">
<h4 class="card-title">
<strong>
<a href="gra183">GRA183:</a>
</strong>
Typography I
</h4>
<p class="card-text">
Typography I is an introductory course in the use of type, type form and type creation in the generation of design and graphics projects on the computer. Students utilize creative approaches in the use of type to solve a number of visual problems in graphic design and visual communications. Time is spent discussing and working with the elements of art and the principles of design that will be incorporated into various projects.
</p>
<p class="card-text small text-muted">Fall</p>
</div>
</div>
<!-- gra185 -->
<div class="card gra185">
<a href="gra185" class="card-img-link">
<img class="card-img-top" src="images/gra185.jpg" alt="GRA185">
</a>
<div class="card-block">
<h4 class="card-title">
<strong>
<a href="gra185">GRA185:</a>
</strong>
Color Theory
</h4>
<p class="card-text">
Color Theory explores the theory of color as it pertains to visual communications, including additive and subtractive color. Students participate in class discussions, readings, activities, weekly and bi- weekly projects on color and its relationship to composition through the elements and principles of design.
</p>
<p class="card-text small text-muted">Fall and Spring</p>
</div>
</div>
<!-- gra267 -->
<div class="card gra267">
<a href="gra267" class="card-img-link">
<img class="card-img-top" src="images/gra267.jpg" alt="GRA267">
</a>
<div class="card-block">
<h4 class="card-title">
<strong>
<a href="gra267">GRA267:</a>
</strong>
Graphic Design II
</h4>
<p class="card-text">
Graphic Design II is a continuation of the graphic and design principles of Graphic Design I. The goal of this course is for the continued growth and development of aesthetic and technical skills related to graphic design. Strong emphasis will be placed on the creative use of the computer hardware and software applications to solve a series of commercial problems.
</p>
<p class="card-text small text-muted">Fall and Spring</p>
</div>
</div>
</div><!-- end card-set -->
<h2 class="mt-5">MAD Courses</h2>
<div class="card-set">
<!-- mad105 -->
<div class="card mad105">
<a href="mad105" class="card-img-link">
<img class="card-img-top" src="images/mad105.jpg" alt="MAD105">
</a>
<div class="card-block">
<h4 class="card-title">
<strong>
<a href="mad105">MAD105:</a>
</strong>
Programming for Android I
</h4>
<p class="card-text">
Programming for Android I teaches the fundamentals of programming in the Android Studio Development Environment using the Java language. Students learn core Java concepts and language fundamentals as they apply to Android app development. Students also learn debugging, version control, and object-oriented programming.
</p>
<p class="card-text small text-muted">Fall (online and blended)</p>
</div>
</div>
<!-- mad107 -->
<div class="card mad107">
<a href="mad107" class="card-img-link">
<img class="card-img-top" src="images/mad107.jpg" alt="MAD107">
</a>
<div class="card-block">
<h4 class="card-title">
<strong>
<a href="mad107">MAD107:</a>
</strong>
Programming for iOS I
</h4>
<p class="card-text">
Programming for iOS I teaches the fundamentals of programming in the Xcode Development Environment using the Swift language. Students learn core Swift concepts and language fundamentals as they apply to iOS app development. Students also learn debugging, version control, and object-oriented programming.
</p>
<p class="card-text small text-muted">Fall (online and blended)</p>
</div>
</div>
<!-- mad155 -->
<div class="card mad155">
<a href="mad155" class="card-img-link">
<img class="card-img-top" src="images/mad155.png" alt="MAD155">
</a>
<div class="card-block">
<h4 class="card-title">
<strong>
<a href="mad155">MAD155:</a>
</strong>
Programming for Android II
</h4>
<p class="card-text">
Programming for Android II teaches students to create event driven applications using the Android platform. Students focus on: user interaction, data storage, using external resources, and using phone hardware resources. Students implement the agile development process to produce functional iterations of their Android apps.
</p>
<p class="card-text small text-muted">Spring (online and blended)</p>
</div>
</div>
<!-- mad157 -->
<div class="card mad157">
<a href="mad157" class="card-img-link">
<img class="card-img-top" src="images/mad157.jpg" alt="MAD157">
</a>
<div class="card-block">
<h4 class="card-title">
<strong>
<a href="mad157">MAD157:</a>
</strong>
Programming for iOS II
</h4>
<p class="card-text">
Programming for iOS II teaches students to create event driven applications using the Apple iOS platform. Students focus on user interaction: data storage, using external resources, using phone hardware resources. Students implement the agile development process to produce functional iterations of their iOS apps.
</p>
<p class="card-text small text-muted">Spring (online and blended)</p>
</div>
</div>
<!-- mad255 -->
<div class="card unavailable mad255">
<a href="mad255" class="card-img-link">
<img class="card-img-top" src="images/mad255.jpg" alt="MAD255">
</a>
<div class="card-block">
<h4 class="card-title">
<strong>
<a href="mad255">MAD255:</a>
</strong>
Programming for Android III
</h4>
<p class="card-text">
Programming for Android III teaches students to create advanced apps that connect to a backend database. Students focus on: user experience, device provisioning, analytics, working with the cloud, multi-threaded programming, and device security. Students implement the agile development process to produce functional iterations of Android apps.
</p>
<p class="card-text small text-muted">Spring (online and blended)</p>
</div>
</div>
<!-- mad257 -->
<div class="card mad257">
<a href="mad257" class="card-img-link">
<img class="card-img-top" src="images/mad257.jpg" alt="MAD257">
</a>
<div class="card-block">
<h4 class="card-title">
<strong>
<a href="mad257">MAD257:</a>
</strong>
Programming for iOS III
</h4>
<p class="card-text">
Programming for iOS III teaches students to create advanced apps that connect to a backend database. Students focus on user experience, device provisioning, analytics, working with the cloud, multi-threaded programming, and device security. Students implement the agile development process to produce functional iterations of their iOS apps.
</p>
<p class="card-text small text-muted">Spring (online and blended)</p>
</div>
</div>
</div><!-- end card-set -->
<h2 class="mt-5">PRG Courses</h2>
<div class="card-set">
<!-- prg105 -->
<div class="card prg105">
<a href="prg105" class="card-img-link">
<img class="card-img-top" src="images/prg105.jpg" alt="PRG105">
</a>
<div class="card-block">
<h4 class="card-title">
<strong>
<a href="prg105">PRG105:</a>
</strong>
Programming Logic
</h4>
<p class="card-text">
Programming Logic introduces core programming concepts including sequence, iteration, decision statements, data types, accessing and storing data, objects and classes. Students plan and create programs using modern planning tools and the Python programming language. This course will prepare students for advanced object oriented programming coursework.
</p>
<p class="card-text small text-muted">Fall and Spring (online)</p>
</div>
</div>
<!-- prg147 -->
<div class="card prg147">
<a href="prg147" class="card-img-link">
<img class="card-img-top" src="images/prg147.jpg" alt="PRG147">
</a>
<div class="card-block">
<h4 class="card-title">
<strong>
<a href="prg147">PRG147:</a>
</strong>
Javascript Programming I
</h4>
<p class="card-text">
JavaScript Programming I provides students with the knowledge and skills necessary to develop JavaScript enhanced web pages. Students will also learn basic syntax of JavaScript and how to develop programs using JavaScript.
</p>
<p class="card-text small text-muted">Fall (online)</p>
</div>
</div>
<!-- prg149, prg150, prg151 have all been withdrawn from 2018 catalog-->
</div><!-- end card-set -->
<h2 class="mt-5">WEB Courses</h2>
<div class="card-set">
<!-- web105 -->
<div class="card web105">
<a href="http://web105.mccdgm.net/" class="card-img-link">
<img class="card-img-top" src="images/web105.jpg" alt="WEB105">
</a>
<div class="card-block">
<h4 class="card-title">
<strong>
<a href="http://web105.mccdgm.net/">WEB105:</a>
</strong>
Web Fundamentals
</h4>
<p class="card-text">
Web Fundamentals provides students with the tools to access, explore and contribute to the Internet. Students work with current web tools as well as create a basic website by hand coding.
</p>
<p class="card-text small text-muted">Fall and Spring (online and blended)</p>
</div>
</div>
<!-- web115 -->
<div class="card web115">
<a href="web115" class="card-img-link">
<img class="card-img-top" src="images/web115.jpg" alt="WEB115">
</a>
<div class="card-block">
<h4 class="card-title">
<strong>
<a href="web115">WEB115:</a>
</strong>
HTML & CSS
</h4>
<p class="card-text">
HTML & CSS introduces professional web scripting, creation and management techniques. Upon completion of the course, students are able to script a website using current standards approved by the World Wide Web Consortium (W3C).
</p>
<p class="card-text small text-muted">Fall and Spring (online and blended)</p>
</div>
</div>
<!-- web175 -->
<div class="card web175">
<a href="web175" class="card-img-link">
<img class="card-img-top" src="images/web175.jpg" alt="WEB175">
</a>
<div class="card-block">
<h4 class="card-title">
<strong>
<a href="web175">WEB175:</a>
</strong>
Website Development I
</h4>
<p class="card-text">
Website Development I is an introduction to professional website design, creation and management techniques. This course uses current industry standard software for image management, website design and planning software. Upon completion of the course, students are able to plan, develop, test, upload, and maintain a website.
</p>
<p class="card-text small text-muted">Fall (online and blended)</p>
</div>
</div>
<!-- web212 -->
<div class="card web212">
<a href="web212">
<img class="card-img-top" src="images/web212.jpg" alt="WEB212">
</a>
<div class="card-block">
<h4 class="card-title">
<strong>
<a href="web212">WEB212:</a>
</strong>
PHP and MySQL
</h4>
<p class="card-text">
PHP and MySQL students combine two of the most popular tools on the web to create dynamic websites. Students plan and implement full stack database solutions, focusing on the back-end technologies. Students create databases in MySQL and combine Structured Query Language with PHP to store and retrieve information on a web database while interacting with the user through HTML Interface.
</p>
<p class="card-text small text-muted">Spring</p>
</div>
</div>
</div><!-- end card-set -->
</div>
</main>
<footer>
<div class="container">
<h1>Have Questions?</h1>
<p>
Contact Meri Winchester at <a href="mailto:[email protected]">[email protected]</a>, on Canvas, or on campus.
</p>
<h2>
Made with <i class="fa fa-heart"></i> by MCC's Digital Media department
</h2>
<p>
<strong>Special thanks to:</strong> <a href="https://github.com/mkschaller" rel="noopener" target="_blank">McKenna Schaller</a>, <a href="https://github.com/blindingstars" rel="noopener" target="_blank">Stephy Miehle</a>, and <a href="https://github.com/mwinchester" rel="noopener" target="_blank">Meri Winchester</a>. You can view the full list of contributors on <a href="https://github.com/mccdgm/courses/graphs/contributors" rel="noopener" target="_blank">GitHub</a>.
</p>
</div>
</footer>
<script
src="https://code.jquery.com/jquery-3.1.1.slim.min.js"
integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n"
crossorigin="anonymous">
</script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"
integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb"
crossorigin="anonymous">
</script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"
integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn"
crossorigin="anonymous">
</script>
</body>
</html>