Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

XuetangX

The WEB front-end technology

Ningbo City College of Vocational Technology via XuetangX

Overview

1. Course orientation and objectives

This course is a basic course in —— Computer Network Technology major (national backbone major, provincial advantage major, provincial characteristic major). To "interesting, effective, only learn useful" in principle, combined with the students' cognitive law and status quo, employment oriented, application, ability training as the core, enables students in the limited class "professional" and "deep" to learn WEB page building, page layout and effect design, dynamic interaction WEB related knowledge, become understand product, design, understand technology, understand the Internet advanced WEB front-end talent. Course always with "socialist core values" as the lead: adhering to the school motto "shang deming responsibility, learning can" concept, through the case teaching and task practice, guide students in "learning", "school", the basic knowledge learning and basic skills together, from the specific operation training application ability, comprehensive ability to solve complex problems and advanced thinking, and guide students to gradually develop excellence, the pursuit of excellence.

2. Curriculum structure and content

        Course for vocational jobs based on the task, with project development as the main line, step by step, the Web front knowledge through three module Web knowledge reserve, Web case, Web practice, complete knowledge explanation, case explanation, project practical three steps, help students grasp the front-end core technology HTML 5, CSS 3, JavaScript, embedded enterprise project real case, application of new teaching material, relying on industry enterprise new technology, strive to build to adapt to the new situation, has the Internet thinking and skills of IT technical personnel.


Syllabus

  • Web Knowledge Store: Project 1 HTML5
    • Task 1.1 Master the web document structure
    • Task 1.2 Designing web documents
  • Web Knowledge Store: Project 2 CSS3
    • Task 2.1 Overview of CSS3 syntax
    • Task 2.2 Beautify font paragraphs in web pages
    • Task 2.3 Beautify the background and border in the web page
  • Web Knowledge store: Project 3 CSS3+DIV page structure layout
    • Task 3.1 Block elements and inline elements
    • Task 3.2 Box model and application
    • Task 3.3 Floating and Locating
    • Task 3.4 Hands-on practice
  • Web Knowledge Store: Project 4 CSS3 New animation effects
    • Task 4.1 Deformation effects
    • Task 4.2 Transition effects
    • Task 4.3 animation Animation effect
  • Web Knowledge Store: Project 5 JavaScript
    • Task 5.1 Basic JavaScript syntax
    • Task 5.2 Program structure and statements in JavaScript
    • Task 5.3 JavaScript functions
    • Task 5.4 BOM
  • Web Knowledge Store: Project 6 jQuery
    • Show and hide animation effects
    • Fade in and out animation effects
    • Sliding effect
    • Custom animation
  • Web Case Enhancement: Project 7 Dynamic effects
    • Task 7.1 Implementation of label switching effect
    • Task 7.2 Implementation of a simple shopping calculator
  • Web practice: Project 8 implementation of integrated information network
    • Task 8.1 Implementation of the basic framework
    • Task 8.2 Implementation of header banner and navigation bar
    • Task 8.3 Image browsing and the latest news implementation
    • Task 8.4 Into the realization of Zhejiang, Zhejiang history and other information bar
    • Task 8.5 Fast track and footer part of the implementation

Taught by

LuQiujin

Tags

Reviews

Start your review of The WEB front-end technology

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.