Description

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

 

Radiant Teachlearning offers JavaScript, HTML and CSS Web Development Training Program in Classroom and Virtual instructor Led/Online mode.

 

Duration: 2 days

 

Learning Objectives

After accomplishing this training program, professionals 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 apps using jQuery, AngularJS, Bootstrap, TypeScript or Sass

Pre-requisite

To have success in accomplishing this training program, professionals should either complete the related free edX training program on HTML, CSS Web, and JavaScript Development or have the equivalent background knowledge. Some experience with software development is helpful but not necessary.

 

Audience Profile

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

Course Content

Lesson 1: Creating Web Pages using Hypertext Markup Language (HTML)

In this lesson, professionals will learn how to create a basic HTML document using the core HTML elements. Professionals 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

Professionals will learn how to create a basic HTML document using the core HTML elements.

 

Lesson 2: Creating Sophisticated Document Structures using HTML

In this lesson, professionals will learn how to use advanced features of HTML such as forms and semantic elements to create more sophisticated HTML documents. Professionals will learn when each of these components are used and their significance in the HTML markup spec. Professionals 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

Professionals will learn how to use advanced features of HTML such as forms and semantic elements to create more sophisticated HTML documents.

 

Lesson 3: Designing Web Pages Elements using Cascading Style Sheets (CSS)

In this lesson, professionals will learn how to use CSS to design your HTML web page. Professionals will be introduced to the basic CSS concepts (declaration, rule set, rule, selector, etc.) and implement basic designs using CSS. Professionals 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

Professionals will learn how to use CSS to design your HTML web page.

 

Lesson 4: Implementing Program Flow using JavaScript (JS)

In this lesson, professionals will learn how to use JavaScript to add a logical flow to your web page. Professionals will first learn the basics of the JavaScript language and then implement simple JavaScript apps 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

Professionals will learn how to use JavaScript to add a logical flow to your web page.

 

Lesson 5: Adding External Libraries to Enhance HTML Apps

In this lesson, professionals will briefly learn about various external libraries that can be used to enhance your HTML content, CSS stylesheets and JavaScript code. Featured libraries include: Bootstrap, TypeScript, AngularJS, Sass and jQuery.

Lessons

  • jQuery
  • AngularJS
  • Bootstrap
  • TypeScript
  • Sass

Lab: Adding External Libraries to HTML

  • Modernize Your Web Page

Professionals will get an outline about various external libraries that can be used to improve your CSS stylesheets, JavaScript code and HTML content.

FAQs

Q: How is CSS useful in web development?

 

A: CSS is the language for describing the presentation of Web pages, including colors, layout, and fonts. It mainly allows one to adapt the presentation to various different types of devices like large screens, small screens, or printers. CSS is basically independent of HTML and can be easily used with any XML-based markup language.

 

Q: What is difference between CSS and HTML?

 

A: HTML (Hypertext Markup Language) is basically used to make the actual content of the page like written text, and CSS (Cascade Styling Sheets) which is responsible for the design or style of the website and this includes the layout, visual effects and background color.

 

Q: What is CSS written in?

 

A: Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language like HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML as well as                                                                                              JavaScript.

 

Q: What is the use of JavaScript?



A: JavaScript is a client scripting language which is used for creating web pages. It is a standalone language developed in Netscape. It is used generally when a webpage is to be made dynamic and add special effects on pages like rollover, roll out and various different graphics.

 

Q: What is the schedule of the training program?

 

A: Radiant Techlearning offers training program on the weekday, weekend and a combination of weekdays and weekends. You can always choose the schedule that best suits to your need. 

 

Q: When the training would be conducted?

 

A: Once we receive your enrollment request, we will share the enrollment details with you to  select and complete the enrollment process. 

You can always email us on the below email address (whichever applicable) to know the upcoming schedule for a specific technology training program. 

Individual:  training@radianttechlearning.com  

Corporate: Corporate@radiantechlearning.com 

 

Q: Will I get course completion certificate?

 

A: The course completion certification would be awarded to all the professionals, who have completed the training program and the project assignment given by your instructor. 

You can use the certificate in your future job interviews will surely help you to land in your dream job.

 

Q: What is the infrastructure required to attend your training program?

 

A: To attend the training session you should have an operational Desktops or Laptops with required specification along with good internet connection to access the labs. 

 

Q: What if I miss a class on a particular day?

 

A: We would always recommend you to attend the live session to practice & clarify the doubts instantly and get more value from your investment. However, if due to some contingency if you have to skip the class Radiant Techlearning would help you with the recorded session of that particular day.  However, those recorded sessions are not meant only for personal consumption and NOT for distribution or any commercial use.

 

Unble To Find a Batch..?

Request a Batch