Advanced Web Development (VCDP 2460)
In this course, students will participate in technical workshops which focus on planning and web coding for a multiple page website. Students will take the multiple page publication they have produced in the Editorial Design and repurpose it for the web using HTML5, CSS3 and jQuery. HTML5 will be used in order to structure the website, CSS3 will be used to achieve a fluid and responsive layout, and jQuery will be used to enhance the experience by adding interactivity.
Course code: VCDP 2460
Credits: 3.0
Tuition: $0*
Length: 54 hours
Course outline:
view
https://www.vcc.ca/cfm-files/course-outline.cfm?subject=VCDP&number=2460
Prerequisites
Students must be enrolled in the Visual Communications Design Diploma with a minimum GPA of 2.0 (60%)
Schedule†
VCDP 2460 schedule for programs:
- GRDD
Course dates and times may vary throughout the term. Select the CRN number below to see a full schedule.
| CRN # | Instructor | Dates | Day/Time | Instructor |
|---|---|---|---|---|
|
43386
|
Emberline, Anne |
06-Jan-2020
to 28-Jan-2020 |
Mon, Tue | 1:30 p.m - 5:00 p.m | Emberline, Anne |
| 43386 VCC Downtown Campus | ||||
| 43386 VCC Downtown Campus |
06-Jan-2020
to 28-Jan-2020 |
Mon, Tue | 5:30 p.m - 7:00 p.m | ||
| 43386 VCC Downtown Campus | ||||
| 43386 VCC Downtown Campus |
08-Jan-2020
to 29-Jan-2020 |
Wed | 9:00 a.m - 12:30 p.m | ||
| 43386 VCC Downtown Campus | ||||
|
60416
|
Emberline, Anne |
04-May-2020
to 26-May-2020 |
Mon, Tue | 9:00 a.m - 12:30 p.m | Emberline, Anne |
| 60416 VCC Downtown Campus |
06-May-2020
to 27-May-2020 |
Wed | 4:30 p.m - 7:30 p.m | ||
| 60416 VCC Downtown Campus |
07-May-2020
to 28-May-2020 |
Thu | 9:00 a.m - 12:30 p.m |
| query | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| RESULTSET |
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| CACHED | false | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| EXECUTIONTIME | 0 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| SQL | SELECT ssbsect_crn, ssbsect_term_code, ssrblck_blck_code, ssrmeet_start_date, ssrmeet_end_date, TO_CHAR(ssrmeet_start_date, 'DD-Mon-YYYY') AS start_date, TO_CHAR(ssrmeet_end_date, 'DD-Mon-YYYY') AS end_date, ssrmeet_begin_time, ssrmeet_end_time, TRUNC( TO_DATE(CONCAT(ssrmeet_begin_time,'00'),'HH24:MI:SS')) + ( ROUND( (TO_DATE(CONCAT(ssrmeet_begin_time,'00'),'HH24:MI:SS') - TRUNC(TO_DATE(CONCAT(ssrmeet_begin_time,'00'),'HH24:MI:SS')) ) * 96 ) / 96) as begin_time_round, TRUNC( TO_DATE(CONCAT(ssrmeet_end_time,'00'),'HH24:MI:SS')) + ( ROUND( (TO_DATE(CONCAT(ssrmeet_end_time,'00'),'HH24:MI:SS') - TRUNC(TO_DATE(CONCAT(ssrmeet_end_time,'00'),'HH24:MI:SS')) ) * 96 ) / 96) as end_time_round, DECODE(ssrmeet_sun_day, 'U', 'Sun ', '') || DECODE(ssrmeet_mon_day, 'M', 'Mon ', '') || DECODE(ssrmeet_tue_day, 'T', 'Tue ', '') || DECODE(ssrmeet_wed_day, 'W', 'Wed ', '') || DECODE(ssrmeet_thu_day, 'R', 'Thu ', '') || DECODE(ssrmeet_fri_day, 'F', 'Fri ', '') || DECODE(ssrmeet_sat_day, 'S', 'Sat ','') AS day_of_week, ssrmeet_bldg_code, ssrmeet_room_code, sirasgn_pidm, ssbsect_seats_avail, ssbsect_wait_count, ssbsect_voice_avail, ssrmeet_schd_code, stvschd_desc FROM ssbsect INNER JOIN stvschd ON ssbsect_schd_code = stvschd_code AND ssbsect_schd_code NOT IN ('PLA', 'CL', 'CB', 'CI', 'T') LEFT OUTER JOIN ssrblck ON ssrblck_term_code = ssbsect_term_code AND ssrblck_crn = ssbsect_crn LEFT OUTER JOIN ssrmeet ON ssrmeet_term_code = ssbsect_term_code AND ssrmeet_crn = ssbsect_crn LEFT OUTER JOIN sirasgn ON sirasgn_crn = ssbsect_crn AND sirasgn_term_code = ssbsect_term_code WHERE ssbsect.ssbsect_subj_code = 'VCDP' AND ssbsect.ssbsect_crse_numb = '2460' AND ssbsect.ssbsect_term_code >= 202040 AND ssbsect.ssbsect_ssts_code = 'A' AND ssbsect.ssbsect_ptrm_end_date > sysdate-1 ORDER BY ssrmeet_start_date, ssrmeet_begin_time, ssbsect_crn | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| array | |||||||
|---|---|---|---|---|---|---|---|
| 1 |
| ||||||
| 2 |
| ||||||
| 3 |
| ||||||
| 4 |
| ||||||
| 5 |
| ||||||
| 6 |
| ||||||
| 7 |
| ||||||
| 8 |
| ||||||
| 9 |
| ||||||
| array | |||||||||
|---|---|---|---|---|---|---|---|---|---|
| 1 |
| ||||||||
Additional Information
What you will learn
- Advanced CSS
- •Advanced menus
- •Relative and absolute positioning
- •CSS grid layouts
- •Image sprites
- •Animation with CSS and jQuery
- •Forms
- •Grid template to code pages
- Structure focused HTML5
- Structure focusPlanning Web Development
- •Translate design to a coding strategy
- •Apply proper sectioning techniques as it applies to structure
- •Plan modular CSS to aesthetic designed HTML5
How do I apply for this course?
This course is offered as part of a VCC program only.
* Fees are approximate and subject to change. Students are required to pay any applicable fee increases. Fees listed are for domestic students. For international programs, visit VCC International.
† This information is intended as a guideline only. Program and course details are subject to change with the approval of VCC's Board of Governors.
Facebook
Twitter
Instagram
YouTube
Flickr
RSS
More accounts