• Login
  • No products in the cart.

Programming in HTML5 with JavaScript and CSS3 (MCP)

Programming in HTML5 with JavaScript and CSS3 (MCP)

This course helps students master their HTML5/CSS3/JavaScript programming skills. This course is door to both the Web application and Windows Store apps skills development.


    The course focuses on using HTML5/CSS3/JavaScript to enhance your programming logic,learn how to use variables, apply loops, develop user interfaces (GUI), capture, test, validate user input, store data, and create proper structured applications.

    There are labs in this course which are selected to support and teach the structure of various application scenarios. They are structured to focus on the principals of coding components/structures that are used to develop an HTML5 software application.


    Technology used to deliver this course: Microsoft Visual Studio 2012

    Microsoft Exam Code: 70-480

    Credit toward Certification

    When you pass Exam 70-480 MCP: Programming in HTML5 with JavaScript and CSS3, you complete the first step of the following certification(s):

    • MCSD:Web Applications (Solution Developer)



    The course is intended for developers who have at least 2-3 years of professional experience.Who use Microsoft Visual Studio in a team-based, medium-sized to large development environment. Members of the audience are experienced users of Microsoft Visual Studio.

    • Knowledge of problem solving techniques that applies to software development.
    • Experience of working with .Net Framework, preferably with Web Applications.

    Classes’ duration for this particular course:

    This course will be delivered on part time basis either 1 day a week or 3-4 hours over 10 weeks.

    This course will run for 10-12 weeks in total (Including Exam Preparation).

    Modes of Course Delivery & Attendance:

    ITPT is currently providing different method of learning opportunities to our clients. Many people are looking for learning diversity to enhance their qualifications, but they don’t have the time to take on full-time instructor led study or attending courses regularly at their appropriate venues.

    Online, distance and blended learning is a popular solution helping busy people study flexibly around their needs and requirements. We want to be the first choice for those potential online and distance learners so we are introducing variety of different study channels so the people can facilitate themselves accordingly.


    Modes of Course Delivery



         Modes of Attendance


    1.    Instructor Led learning1.    Day Release
    2.    Blended learning2.    Weekends


    3.    Distance Blended Learning


    3.    Evening
    4.    Part Time

    Student Support:

    We have made available diverse and flexible learning methods to accommodate a wider variety of learners:

    • Support Available for Instructor led, blended & distance learning are:
    1. Direct telephone support with allocated mentor (during working hours)
    2. Email support
    3. Skype support
    4. SMS Support
    5. ITPT Student Portal that can be accessed via ITPT Website
    6. Study Materials (Hard Copy)
    7. Online materials (Soft copy)
    8. Instructor Slides available on our students portal

    1. Implement and manipulate document structures and objects
      • Create the document structure
        • Structure the UI by using semantic markup, including for search engines and screen readers (Section, Article, Nav, Header, Footer and Aside); create a layout container in HTML
      • Write code that interacts with UI controls
        • Programmatically add and modify HTML elements; implement media controls; implement HTML5 canvas and SVG graphics
      • Apply styling to HTML elements programmatically
        • Change the location of an element; apply a transform; show and hide elements
      • Implement HTML5 APIs
        • Implement storage APIs, AppCache API and Geolocation API
      • Establish the scope of objects and variables
        • Define the lifetime of variables; keep objects out of the global namespace; use the “this” keyword to reference an object that fired an event; scope variables locally and globally
      • Create and implement objects and methods
        • Implement native objects; create custom objects and custom properties for native objects using prototypes and functions; inherit from an object; implement native methods and create custom methods
    2. Implement program flow
      • Implement program flow
        • Iterate across collections and array items; manage program decisions by using switch statements, if/then, and operators; evaluate expressions
      • Raise and handle an event
        • Handle common events exposed by DOM (OnBlur, OnFocus, OnClick); declare and handle bubbled events; handle an event by using an anonymous function
      • Implement exception handling
        • Set and respond to error codes; throw an exception; request for null checks; implement try-catch-finally blocks
      • Implement a callback
        • Receive messages from the HTML5 WebSocket API; use jQuery to make an AJAX call; wire up an event; implement a callback by using anonymous functions; handle the “this” pointer
      • Create a web worker process
        • Start and stop a web worker; pass data to a web worker; configure timeouts and intervals on the web worker; register an event listener for the web worker; limitations of a web worker
    3. Access and secure data
      • Validate user input by using HTML5 elements
        • Choose the appropriate controls based on requirements; implement HTML input types and content attributes (for example, required) to collect user input
      • Validate user input by using JavaScript
        • Evaluate a regular expression to validate the input format; validate that you are getting the right kind of data type by using built-in functions; prevent code injection
      • Consume data
        • Consume JSON and XML data; retrieve data by using web services; load data or get data from other sources by using XMLHTTPRequest
      • Serialise, deserialise and transmit data
        • Binary data; text data (JSON, XML); implement the jQuery serialise method; Form.Submit; parse data; send data by using XMLHTTPRequest; sanitise input by using URI/form encoding
    4. Use CSS3 in applications
      • Style HTML text properties
        • Apply styles to text appearance (colour, bold, italics); apply styles to text font (WOFF and @font-face, size); apply styles to text alignment, spacing and indentation; apply styles to text hyphenation; apply styles for a text drop shadow
      • Style HTML box properties
        • Apply styles to alter appearance attributes (size, border and rounding border corners, outline, padding, margin); apply styles to alter graphic effects (transparency, opacity, background image, gradients, shadow, clipping); apply styles to establish and change an element’s position (static, relative, absolute, fixed)
      • Create a flexible content layout
        • Implement a layout using a flexible box model; implement a layout using multi-column; implement a layout using position floating and exclusions; implement a layout using grid alignment; implement a layout using regions, grouping and nesting
      • Create an animated and adaptive UI
        • Animate objects by applying CSS transitions; apply 3-D and 2-D transformations; adjust UI based on media queries (device adaptations for output formats, displays and representations); hide or disable controls
      • Find elements by using CSS selectors and jQuery
        • Choose the correct selector to reference an element; define element, style and attribute selectors; find elements by using pseudo-elements and pseudo-classes (for example, :before, :first-line, :first-letter, :target, :lang, :checked, :first-child)
      • Structure a CSS file by using CSS selectors
        • Reference elements correctly; implement inheritance; override inheritance by using !important; style an element based on pseudo-elements and pseudo-classes (for example, :before, :first-line, :first-letter, :target, :lang, :checked, :first-child)


    Funding Available:

    This course is FREE (SAAS part-time funding) to anyone who is on benefits or earning £25,000 or less, given that they have not used SAAS/ILA funding towards any other course/training in the last 12 months.

    Those in receipt of following benefits are automatically eligible:

    • Jobseekers allowance
    • Income support
    • Incapacity Benefit/Employment Support Allowance
    • Child Tax Credit (minimum rate)
    • Pension Credit

    Apply for course funding 

    Our Courses are fully funded by SAAS: Student Awards Agency for Scotland

    Please visit the SAAS website www.saas.gov.uk to see your eligibility.

    Download: SAAS Part Time Funding Guide, Part Time Forms

    Read: Part Time Students Eligibility Criteria, Disabled students’ allowance (DSA)

    For Students who don’t qualify for the above fundings:

    How much this course will cost?

    If for any reason you do not qualify for SAAS funding our fees are as follows for students living  in UK or the European Union:



    Web Applications (can be paid in instalments) £500
    Full MCSD Package (can be paid in instalments) Please Enquire

     Fees are payable in advance at the start of course unless otherwise agreed.

    We also provide flexible fee instalments to help students in paying their fee.

    There are a number of other funding opportunities available to UK and EU students to help them to pay for their studies. Contact the college for more details.

    Choose between classroom based or study at your own time and peace with our eLearning and blended learning options.

    Please follow and like us:

    Course Curriculum

    No curriculum found !
    PearsonVUE testing at ITPT has reopened from 28th May 2020. Please bring a facemask and wear it while at our testing center.
    HNC/HND classes will continue virtually and instructors will be in touch for assessments.
    Part-time classes will still continue virtually, with exception to the courses where hands-on is necessary.
    Please visit our eLearning course section to study online with us. You will get the instructor's support and all the learning materials.
    Read our Covid - 19 notice here