Course Details
Topic 1. Introduction to Responsive Web Design
- What is Responsive Web Design
- Demo Responsive Websites
- Responsive Design Strategy
- Install Sublime Text and Google Chrome
- Testing website with Chrome Emulator
Topic 2. Preparing HTML Structure for homepage
- Creating Homepage Sections
- Creating the Hero Banner with background and info text markup
- Importing Google Fonts for styles
- Styling the Homepage Hero Banner
- Adding background image to the Hero Banner
Topic 3. Media Queries
- Understanding the before/after impact of adding Meta Viewport tag
- Understanding Fixed vs Fluid Layouts
- Understanding Media Queries
- Adding Media Query breakpoints for mobile and tablet
- Adding custom styles for the mobile breakpoint
- Adding custom styles for the tablet breakpoint
Topic 4. Phone Sections
- Creating the phone specs section markup
- Styling the specs section using fluid grid
- Using online sprite creator tool
- Using CSS Sprite for displaying icons in the spec section
- Adding clearfix and other utility classes
- Adding custom styles for the mobile breakpoint
- Adding custom styles for the tablet breakpoint
Topic 5 - Gallery Section
- Creating the gallery images markup
- Styling the image gallery using Fluid Grid layout
- Fixing layout with clearfix
- Adding custom styles for the mobile breakpoint
- Adding custom styles for the tablet breakpoint
Topic 6 - Phone Display and Performance
- Creating the phone display and performance section markup
- Styling the phone details section and adding background banner
- Styling the performance section
- Styling the performance metrics using Fluid Grid layout
- Styling for the mobile breakpoint
- Styling for the tablet breakpoint
Topic 7 - Phone Feature and Tabular Data
- Creating the markup for phone features section with tabular data
- Adding styles for the Phone Features tabular data
- Updating the feature table layout for mobile breakpoint
- Understanding Mobile First Designs
Topic 8. Create Responsive Layout for Print
- Strategy and Media Query for Printing
- Setting up styles for printing
- Styling the gallery and phone info section for Print
- Styling tab layout to single page layout for print
Course Info
Job Roles
- Those who want to apply advanced HTML5 and CSS3 technique to responsive web design
Trainers
Lord is a detail-oriented web developer that is passionate about delivering a compelling final product. He started playing with codes when he was in high school and has not stopped since. He specializes in WordPress, and is also familiar with Shopify, SquareSpace and Wix. With more than 5 years of professional web development experience in the Philippines and Singapore, he knows how to prioritize tasks and organize workload effectively. He is an avid learner who loves to acquire new skills for continuous growth and development
Mr Jeffrey Chen has been in the Web Industry for over 10 years, specializing in both front end and back end development. Experienced with all the stages of the development cycle for dynamic web projects, he is well versed in programming languages including PHP, JavaScript, SQL, HTML and CSS. Graduated from Temasek Polytechnic in Internet Computing at 2003, he has accumulate years of well-rounded experience in web developing, project management and digital marketing (Facebook) in both MNCs and SMEs for web developing and advertising/marketing agencies.
He takes great delights in managing the internship programs for students, providing advice to them in the work process of web development with practical knowledge of coding techniques from his early days working as a web developer in fast-pace web developing agencies. He enjoys teaching so much that while working as a project manager, trained marketing executives and new project managers on the use of digital marketing tools. In his free time, he continues to coach others in the use of Wordpress as a simple platform to start their very own online ventures.
Lim Cheng Chong developed a strong passion for computing at a young age, self-training in areas such as programming and computer graphics from as early as age 10. Throughout the years, he has gained a wealth of experience in learning technology efficiently, and has applied his knowledge in training at schools and universities. Cheng Chong possesses a bachelor's degree in Computer Science from the National University of Singapore, has over 7 years of online education experience via his highly praised YouTube channel, and 4 years of offline experience through coaching, peer mentoring and conducting classes and labs at NUS.
Peter Goh is the Technology Evangelist at Disruptive Digital, a full-service digital agency based in Singapore, offering innovative & effective web and native mobile application development. He specializes in bleeding edge software development and have more than 10 years' experience in developing customized applications for desktop, web and mobile platforms. He has extensive domain knowledge in .Net and Java programming, iOS development and has helped many to create e-commerce web sites on Amazon AWS and Microsoft Azure
Troy Toon is an experienced web developer based in Singapore. With 15 years in the industry. He has helped design and develop websites for corporate clients. He has worked with SMEs, MNCs, Government Agencies and Advertising Agencies. Troy specializes in WordPress and PHP.
Jibrail has 10 years experience of software and web systems development and management combining both business needs and leading edge technologies to deliver solutions. Among some of his prominent systems he had worked on were Java stock trading system used by UOBKayHian, iocbc and KimEng. Also, he had written a forex accumulator module for Citibank for frontoffice bank staff.
He was also been involved in multiple PHP, Coldfusion, .NET solutions. He was involved in Vivocity Carpark Redemption System, written Moodle modules for private schools in Australia and created PHP based products. MDWPMerchant is a product written in php and was featured in several Moodle conferences. Another product developed and currently sold in Singapore market is a WIFI solution for cafe and restaurants. A prominent customer of this WIFI product is Culina at Dempsey.
Currently running an IT company delivering solutions, he is involved in management, training and consultancy on a day-to-day basis. The consultancy services covers infrastructure from software, networking, security and hardware aspects."
Noel developed a passion towards games since young, hence, he starts to learn about game design & coding during leisure time. While pursuing his degree, he mentored students in iOS app & game development. He has been a freelance iOS app developer and trainer whilst having two years of experience and exposure to Swift. Present, he aspires to share his knowledge and passion with others.
Dr. Alfred Ang is the founder of Tertiary Courses. He is a serial entrepreneur. He founded OSWeb2Design Singapore Pte Ltd in 2007 offering web development, e-commerce store development, graphics design, ebook publishing, mobile apps development, and digital marketing services. He established the first online gardening store in Singapore, Eco City Hydroponics Pte Ltd in 2000, offering a wide range of gardening products such as seeds, plant nutrients, hydroponics kits etc. Eco City Hydroponics has become the most popular and successful gardening store in Singapore. He founded Tertiary Infotech Pte Ltd in 2012 and transformed the business to a training platform, Tertiary Courses in 2014. Tertiary Courses offers a wide range of SkillsFuture courses for PMETs to upgrade their skills and knowledge. He also established Tertiary Courses Malaysia in 2016. He also founded Tertiary Robotics in 2015 offering Arduino, Raspberry Pi, Microbit and Robotics products
Dr. Alfred Ang earned his Ph.D. from National University of Singapore in 2000, majoring in Electrical and Electronics Engineering. He also completed an online MBA course with U21 Global based in Australia. He obtained his B.Sc (Hons) from National University of Singapore in 1992, majoring in Physics. He topped his Physics cohort for 3 consecutive years and funded his degree study with Book price, awards and tuition. He has worked in Defence, Electronics and Semiconductor Industries. His current interests include Machine Learning, Deep Learning, Artificial Intelligence, Internet of Things, Robotics and Programming.
Dr. Alfred Ang was Distinguished Toastmasters (DTM) and Senior Member of IEEE. He has published more than 20 peer reviewed papers and co-inventors for more than 20 inventions.
Ken Hiong has over 20 years of work experience in the healthcare and pharmaceutical industry holding various functional and managerial roles in sales, marketing, business development, finance, business analysis and planning.
He graduated with a degree in Pharmacy and holds a Master of Business Administration from the National University of Singapore and a Master of Applied Finance from the University of Adelaide.
He is an expert Excel user and has a keen interest in scripting and web development with practical knowledge of HTML, Javascript, CSS, PHP, MySQL, WordPress, VBA, amongst others. Applying these tools at work, he had simplified many work methodologies, improved data analysis and business reporting processes, achieved higher productivity and enhanced quality outcomes. He is an advocate of lifelong learning.
Steve Tan Jianhao is a experienced trainer and has been a freelance web developer for 6 years. He has also created web applications that has won various hackathons and competitions. He also knows various programming languages like: Elixir, Ruby, JavaScript, React.js, Python, Java, C, etc. Steve is pursuing a Degree in Computer Science in NTU.
Shu Wei has 14 years experience working in the semiconductor industry holding different roles in IC Design, layout verification and mask data preparation. He has a keen interest in scripting and has extensive knowledge in PERL, PHP, MySQL among others. Aptly applied to his area of work, he had simplified many work methodologies leading to much productivity and quality improvements for his various undertakings.
Shu Wei holds a Master of Science (Electrical Engineering) from National University of Singapore. He is also a PMP certified project manager and a Six Sigma Black Belt practitioner.
Customer Reviews (3)
- will recommend Review by Course Participant/Trainee
-
1. Do you find the course meet your expectation? 2. Do you find the trainer knowledgeable in this subject? 3. How do you find the training environment - Will Recommend Review by Course Participant/Trainee
-
1. Do you find the course meet your expectation? 2. Do you find the trainer knowledgeable in this subject? 3. How do you find the training environment - Might consider recommend Review by Course Participant/Trainee
-
1. Do you find the course meet your expectation? 2. Do you find the trainer knowledgeable in this subject? 3. How do you find the training environment