Looking for JavaScript training in Johannesburg? A useful course teaches HTML5 for page structure, CSS3 for layout and styling, and JavaScript for interactivity, data and browser APIs, with plenty of hands-on coding. BOTI does not currently run an HTML5, JavaScript or CSS3 programming course. For programming and data skills, see BOTI’s Microsoft Office and computer skills courses, including an introductory Python programming course.
BOTI runs nearly 400 practical courses at your offices anywhere in South Africa, live online or at a BOTI venue - QCTO-accredited and a Level 1 B-BBEE contributor.
Browse the coursesGet a quote for your teamLearning on your own? Self-paced e-learning from R595 (excl. VAT) · Ask your employer to pay
Course Introduction: Programming in HTML5 with JavaScript and CSS3 Training Course
Programming in HTML5 with JavaScript and CSS3 is the classic introduction to front-end web development. HTML5 gives a page its structure, CSS3 controls how it looks on different screens, and JavaScript makes it respond to the user and talk to servers. A course on these three technologies helps delegates build basic programming skills by coding real page components and learning the principles used to start an HTML5 web application.
The outline on this page was originally written for Visual Studio 2012 running on Windows 8. The core ideas still apply, but current courses use up-to-date browsers and code editors. If you compare JavaScript classes or coding schools in Johannesburg, check that the tools and browser APIs they teach are current.
Customised training for your team. BOTI tailors this course to your organisation and runs it in-house at your premises, at its venue in Sunningdale, Johannesburg, or live online. Request a quote or call 011 882 8853.
Course Outline: Programming in HTML5 with JavaScript and CSS3 Training
A full HTML5, JavaScript and CSS3 course usually starts with these foundations:
- HTML and CSS overview
- Building a web application in a code editor or development environment
- Creating and styling HTML5 pages
- Introduction to JavaScript
- Communicating with a remote data source
The later modules cover more advanced browser features. The module descriptions below show the depth a complete course reaches.
Module 9: Adding Offline Support to Web Applications
This module describes how to add offline support to a web application, so that the application keeps working in a user’s browser even when the browser is disconnected from the network.
Lessons:
- Reading and Writing Data Locally
- Adding Offline Support by Using the Application Cache
Lab: Adding Offline Support to a Web Application
- Implementing the Application Cache
- Implementing Local Storage
After completing this module, students will be able to:
- Save and retrieve data locally on the user’s computer by using the Local Storage API.
- Provide offline support for a web application.
Note: modern browsers have removed the Application Cache API. Current courses teach offline support with service workers instead, while Local Storage is still widely used.
Module 10: Implementing an Adaptive User Interface
This module describes how to create HTML5 pages that can detect different devices and form factors and adapt to them.
Lessons:
- Supporting Multiple Form Factors
- Creating an Adaptive User Interface
Lab: Implementing an Adaptive User Interface
- Creating a Print-Friendly Stylesheet
- Adapting Page Layout to Fit a Different Form Factor
After completing this module, students will be able to:
- Describe the need to detect device capabilities and react to different form factors in a web application.
- Create a web page that can dynamically adapt its layout to match different form factors.
Module 11: Creating Advanced Graphics
This module describes how to create advanced graphics for an HTML5 web application by using a Canvas element and Scalable Vector Graphics.
Lessons:
- Creating Interactive Graphics by Using Scalable Vector Graphics
- Programmatically Drawing Graphics by Using a Canvas
Lab: Creating Advanced Graphics
- Creating an Interactive Venue Map by Using Scalable Vector Graphics
- Creating a Speaker Badge by Using a Canvas Element
After completing this module, students will be able to:
- Use Scalable Vector Graphics to add interactive graphics to an application.
- Draw complex graphics on an HTML5 Canvas element by using JavaScript code.
Module 12: Animating the User Interface
This module describes how to improve the user experience in an HTML5 web application by adding animations.
Lessons:
- Applying CSS Transitions
- Transforming Elements
- Applying CSS Key-frame Animations
Lab: Animating User Interface Elements
- Applying Transitions to User Interface Elements
- Applying Key-Frame Animations
After completing this module, students will be able to:
- Apply CSS transitions to elements on an HTML5 page, and write JavaScript code to detect when a transition has occurred.
- Describe the different types of 2D and 3D transforms available with CSS3.
- Implement complex animations by using CSS key-frames and JavaScript code.
Module 13: Implementing Real-Time Communications by Using Web Sockets
This module explains how to use Web Sockets to send and receive data between an HTML5 web application and a server.
Lessons:
- Introduction to Web Sockets
- Sending and Receiving Data by Using Web Sockets
Lab: Implementing Real-Time Communications by Using Web Sockets
- Receiving Data from a Web Socket
- Sending Data to a Web Socket
- Sending Multiple Types of Messages to or from a Web Socket
After completing this module, students will be able to:
- Explain how Web Sockets work and describe how to send and receive data through a Web Socket.
- Use the Web Socket API with JavaScript to connect to a Web Socket server, send and receive data, and handle the different events that can occur when a message is sent or received.
Module 14: Creating a Web Worker Process
This module describes how to use Web Worker processes to run long operations asynchronously and keep an HTML5 web application responsive.
Lessons:
- Introduction to Web Workers
- Performing Asynchronous Processing by Using a Web Worker
Lab: Creating a Web Worker Process
- Improving Responsiveness by Using a Web Worker
- Providing User Feedback During a Long-Running Process
After completing this module, students will be able to:
- Describe the purpose of a Web Worker process, and how it can be used for asynchronous processing and to isolate sensitive operations.
- Use the Web Worker APIs from JavaScript code to create, run and monitor a Web Worker process.
Choosing JavaScript Training or Coding Classes in Johannesburg
When you compare JavaScript classes near you, look past the course name and check the practical detail:
- Hands-on time: delegates should write code in every session, not only watch demonstrations.
- Current tools: the course should use a modern browser and code editor and teach current APIs.
- A clear starting level: a true beginner needs HTML and CSS before JavaScript. Someone who already builds pages needs functions, events, the DOM and working with data.
- A finished project: a small working page or app shows what the delegate can actually do.
- Fit with the job: a team that mainly works with spreadsheets, reports and databases may get more value from data skills than from web development.
For a wider view of the options, read BOTI’s guide to coding schools in South Africa.
Recommended Prior Experience and Knowledge: Programming in HTML5 with JavaScript and CSS3 Training Course
An HTML5, JavaScript and CSS3 programming course suits:
- Delegates who already have some programming experience and want to build web applications.
- Delegates who can already write basic HTML and want to add styling and interactivity.
- Professionals who work alongside web developers and want to understand how browser applications are built.
Delegates should have some experience with basic HTML before they start. Complete beginners usually do better if they first learn programming logic (variables, conditions, loops and functions) in a beginner-friendly language.
Java and JavaScript Are Not the Same
People searching for Java courses or Java learnerships sometimes land on JavaScript pages. Java and JavaScript are different languages. JavaScript runs mainly in web browsers and powers interactive web pages. Java is a general-purpose language used for back-end systems, enterprise software and Android apps. Make sure the course you book teaches the language your role actually needs.
BOTI’s Closest Programming and Data Courses
If you want your team to start coding or work more effectively with data, these BOTI courses are the closest match:
- Python Short Course: Introduction to Programming with Python (2 days): a starting point for people new to programming.
- Python Programming Training (5 days): a longer programme for delegates who want to go further.
- Getting Started with Microsoft SQL Server: SQL Querying (2 days): for people who need to pull data from databases.
- Data Analytics Fundamentals with Excel and Power BI (3 days): for teams that need to turn data into reports and decisions.
Frequently asked questions
What should a JavaScript training course in Johannesburg cover?
A complete course covers HTML5 page structure, CSS3 styling and responsive layout, JavaScript basics, working with remote data, graphics with Canvas and SVG, animation, Web Sockets and Web Workers. Delegates should write code in every session.
Do I need coding experience before an HTML, CSS and JavaScript course?
Some basic HTML experience helps. Complete beginners usually do better if they first learn programming logic such as variables, conditions, loops and functions in a beginner-friendly language.
Is Java the same as JavaScript?
No. JavaScript runs mainly in web browsers and powers interactive web pages, while Java is a general-purpose language used for back-end systems, enterprise software and Android apps.
Which BOTI course is closest to JavaScript training?
The Python Short Course: Introduction to Programming with Python is a 2-day introduction to programming. BOTI runs it in-house at your premises, at its venue in Sunningdale, Johannesburg, or live online.
Book or Obtain a Quote
To give your team a practical start in programming, book the Python Short Course: Introduction to Programming with Python. Training runs in-house at your premises, at BOTI’s venue in Sunningdale, Johannesburg, or live online. Call BOTI on 011 882 8853 or email [email protected], or request a quote. This course is not accredited. It is delivered as a professional skills programme, and delegates receive a BOTI certificate of attendance.
See BOTI’s computer and software courses here:
Or browse all our courses, run at your offices, online or at a BOTI venue:
OR
FOR CELL PHONES CLICK TO CALL
Please Fill in the Form
Please Email Us
[email protected]
BOTi – Get On Course
