JavaScript, HTML and CSS Web Development Course- 40410

2 Days

Description

About this course

This course introduces HTML, JavaScript and CSS as programming and markup languages that are used to create web applications. The learner will gain experience with each language individually and then combine them together to create compelling web application solutions. The learner will have an opportunity to use Visual Studio Code on their operating system of choice to create and test their web applications. This course teaches basic tasks that are necessary to create web applications with a strong semantic structure, re-usable style components and custom interactive features. This course includes hands-on labs that enables the learner to build basic HTML pages that are the components of a web application used to solve real world problems.

Audience profile

The target audience for this training course is individuals who are interested in learning about the core skills necessary for web development. This course is intended for individuals of all levels. Some light experience with software development is helpful but not necessary.

At course completion

After completing this course, students will be able to:
• Explore the historical context and justification for HTML
• Create HTML5 documents
• Use HTML elements to add content to a HTML page
• User hyperlinks to connect various HTML pages together
• Capture user input using forms
• Create content using HTML5 semantic elements
• Create SVG Graphics
• Create CSS stylesheets
• Author sophisticated CSS rule sets and selectors
• Lay out HTML elements using CSS margin and padding
• Implement program logic using JavaScript
• Leverage HTML5 APIs using JavaScript
• Implement advanced web applications using jQuery, AngularJS, Bootstrap, TypeScript or Sass

No Upcoming Public Classes

There are currently no public events available for this course. However, you can submit a request for a new date and we will try our best to get you into a JavaScript, HTML and CSS Web Development Course- 40410 class.

Private Training Available
No date scheduled, don’t see a date that works for you or looking for a private training event, please call 651-905-3729 or submit a request for further information here.
request a private session or new date

Course Overview

  • Module 1: Creating Web Pages using Hypertext Markup Language (HTML)
  • In this module, you will learn how to create a basic HTML document using the core HTML elements. You will learn about the basic structure of an HTML element (content, attributes, etc.) and how they are used in the context of your HTML web pages.
    • Lessons
      • Introduction to HTML
      • Document Structure and Layout
      • Basic HTML Elements
      • Formatting HTML Elements
      • Hyperlinks
    • Lab : Creating Web Pages using HTML
      • Configure your Development Environment
      • Using Various HTML Elements on a HTML Page
      • You will learn how to create a basic HTML document using the core HTML elements.
  • Module 2: Creating Sophisticated Document Structures using HTML
  • In this module, you will learn how to use advanced features of HTML such as forms and semantic elements to create more sophisticated HTML documents. You will learn when each of these components are used and their significance in the HTML markup spec. You will also learn how to use components such as SVG and media elements.
    • Lessons
      • Capturing User Input
      • HTML5 Semantic Elements
      • Scalable Vector Graphics (SVG)
      • Implementing Media Controls
    • Lab : Creating Sophisticated Document Structures
      • Adding Additional HTML Features to Your Web Page
      • You will learn how to use advanced features of HTML such as forms and semantic elements to create more sophisticated HTML documents.
  • Module 3: Designing Web Pages Elements using Cascading Style Sheets (CSS)
  • In this module, you will learn how to use CSS to design your HTML web page. You will be introduced to the basic CSS concepts (declaration, rule set, rule, selector, etc.) and implement basic designs using CSS. You will also be introduced to the CSS box model.
    • Lessons
      • Introduction to CSS
      • Style Definitions
      • Style Inheritance
      • Box Model
      • Fonts
    • Lab : Designing Web Page Elements using CSS
      • Styling Your Web Page Using CSS
      • You will learn how to use CSS to design your HTML web page.
  • Module 4: Implementing Program Flow using JavaScript (JS)
  • In this module, you will learn how to use JavaScript to add a logical flow to your web page. You will first learn the basics of the JavaScript language and then implement simple JavaScript applications through hands-on exercises.
    • Lessons
      • Introduction to JavaScript
      • JavaScript Types
      • JavaScript Callbacks
      • Advanced JavaScript
      • HTML5 APIs
    • Lab : Implementing Program Flow using JavaScript
      • Implement An Image Carousel in JavaScript
      • You will learn how to use JavaScript to add a logical flow to your web page.
  • Module 5: Adding External Libraries to Enhance HTML Applications
  • In this module, you will briefly learn about various external libraries that can be used to enhance your HTML content, CSS stylesheets and JavaScript code. Featured libraries include: AngularJS, Bootstrap, jQuery, TypeScript and Sass.
    • Lessons
      • jQuery
      • AngularJS
      • Bootstrap
      • TypeScript
      • Sass
    • Lab : Adding External Libraries to HTML
      • Modernize Your Web Page
      • You will get an overview about various external libraries that can be used to enhance your HTML content, CSS stylesheets and JavaScript code.

No Upcoming Public Classes

There are currently no public events available for this course. However, you can submit a request for a new date and we will try our best to get you into a JavaScript, HTML and CSS Web Development Course- 40410 class.

Private Training Available
No date scheduled, don’t see a date that works for you or looking for a private training event, please call 651-905-3729 or submit a request for further information here.
request a private session or new date

Prerequisites

To have success in completing this workshop, students should either complete the related free edX course on JavaScript, HTML, and CSS Web Development or have the equivalent background knowledge. Some light experience with software development is helpful but not necessary.

No Upcoming Public Classes

There are currently no public events available for this course. However, you can submit a request for a new date and we will try our best to get you into a JavaScript, HTML and CSS Web Development Course- 40410 class.

Private Training Available
No date scheduled, don’t see a date that works for you or looking for a private training event, please call 651-905-3729 or submit a request for further information here.
request a private session or new date