Foundation HTML, CSS + Javascript

by PSDC (Penang Skills Development Centre) Claim Listing

Want to learn how to code? This is the perfect place to learn how to confidently make your own websites from scratch. It's designed for absolute beginners and those who know some code but want to develop confidence and understanding by building real sites.

Price : Enquire Now

Contact the Institutes

Fill this form

Advertisement

PSDC (Penang Skills Development Centre) Logo

img Duration

3 Days

Course Details

Want to learn how to code? This is the perfect place to learn how to confidently make your own websites from scratch. It's designed for absolute beginners and those who know some code but want to develop confidence and understanding by building real sites.

 

Learning Objectives:

  • Create beautiful websites using HTML, CSS + Javascript
  • Make mobile-friendly websites with responsive design
  • Code prototypes that include scrolling and animation techniques
  • Find + work with the best Javascript libraries
  • Fix your own code using Chrome's developer tools
  • Work effectively with other web designers and coders

 

Target Audience:

  • Engineers, Business Development, Finance, Marketing Professionals, Software, and IT professionals?.?

 

Training Outline:

  • 1.     Basic Sites
  • What is front-end development?
  • History of the internet, languages & making websites
  • How to work with HTML & CSS
  • Creating files, understanding structure & terms
  • Basic web design
  • Type, color, hover states & transitions
  • Image treatments
  • Background images, positioning & parallax effects
  • 2.     Single-column Sites
  • Simple layouts
  • Web fonts & image sources, embedding content, breaking down your favorite sites
  • Using resources
  • Advanced layout tags, margins & getting a site online
  • Mobile-friendly websites
  • Media queries, flexible and responsive widths & testing on devices
  • 3.     Multi-column Sites
  • Complex layouts
  • Floats and clears, fixed headers, CSS grids, working with grids & mixed layouts
  • Responsiveness
  • Responsive layouts, hiding elements & debugging
  • 4.     Varied Layout Sites
  • CSS Display
  • Changing HTML tag layouts with block, inline & inline-block displays
  • Positions and floating
  • Using absolute and relative positions & vertical alignment
  • Flexbox
  • How to use the brand new flexbox layout to make more complex and intricate layouts
  • 5.     Mixed Width Sites
  • Advanced positioning & transitions
  • Using the layout techniques from yesterday’s
  • Varied Layout in a completely different layout
  • Understanding Javascript
  • What is Javascript, how it works with HTML & CSS
  • Adding Javascript
  • Storing data, running tasks, adding events & basic commands
  • 6.     Overlaps
  • How to use jQuery
  • What is jQuery, selecting tags, manipulating
  • HTML and CSS, using events & debugging
  • Simple Javascript techniques
  • Hamburger menus, parallax scroll, combining
  • CSS & Javascript for transitions 
  • Overlapping CSS layouts
  • How to make text effects that overlay other images and text boxes
  • 7.     Lightboxes and Parallax
  • How to add lightboxes/modals
  • Using click events to make content pop out
  • Understanding document and window
  • How to add Javascript to the whole page and the browser window itself
  • Scrolling effects
  • How to change the design when the user scrolls that page and how to make progress bars
  • 8.     Slideshows and Carousel
  • Slideshows
  • Creating slideshows, auto-playing with timers & Ajax for dynamically changing content
  • Coding in different environments
  • Tumblr, Squarespace & Wordpress
  • How it all works with back-end
  • Ruby on Rails, PHP & Python
  • George Town Branch

    1, Jalan Sultan Azlan Shah, George Town

Check out more Web Designing courses in Malaysia

Asia Web Academy Logo

Business Website Creation Course

This course will not only help business owners, freelancers, agents, aspiring bloggers to create a website for conversion. More importantly, to help them to understand what works and how to make it works.

by Asia Web Academy [Claim Listing ]
Allied View Centre Logo

Adobe Flash (CS6 Level 1)

Adobe Flash course is offered by Allied View Centre. Allied View has grown to become a key player in the corporate training industry. We began with IT Certification training and have expanded our services to unique soft skills training.

by Allied View Centre [Claim Listing ]
G-Tec Computer Education Sdn. Bhd Logo

2d-Animation-Adobe Flash

This self-paced course is designed to provide the necessary skills and training for an entry-level position in the field of Web Design. Learn to develop and maintain Web sites for a corporation or your own small business.

by G-Tec Computer Education Sdn. Bhd [Claim Listing ]
SIRIM Academy Logo

Web Design And Development (Eng)

Web Design and Development course is offered by SIRIM Academy. SIRIM Academy - which focuses on technology training, personnel certification, talent, and vendor development, ESG and people skills.

by SIRIM Academy [Claim Listing ]
Global Infoskills Sdn Bhd (GISB) Logo

HTML5 Programming

HTML5 Programming course is offered by Global Infoskills Sdn Bhd (GISB). Global Infoskills Sdn Bhd (GISB) is a diversified training and consultant company, specialising in corporate training, as well as personal development training.

by Global Infoskills Sdn Bhd (GISB) [Claim Listing ]

© 2024 coursetakers.com All Rights Reserved. Terms and Conditions of use | Privacy Policy