Responsive Web Design with HTML 5 and CSS3

Responsive Web Design with HTML 5 and CSS3 Course Description

Duration: 5.00 days (40 hours)

Price: $1,999.00

Accessing web is not limited to your computer screens anymore. From mobile devices to tablets to even TV screens, there's never been such a diverse range of screen sizes ever before. Web applications or web pages built using responsive design techniques allow websites to be displayed beautifully on any screen size. Responsive Web Design With HTML5 and CSS3 training will help developers and designers create responsive web pages so that it perfectly fits content according to the display device.

Next Class Dates

Contact us to customize this class with your own dates, times and location. You can also call 1-888-563-8266 or chat live with a Learning Consultant.

Back to Top

Responsive Web Design with HTML 5 and CSS3 Course Objectives

  • » Understanding the key features of HTML5 for designing web pages
  • » Integrating CSS3 media queries into design to allow different styles with different media devices
  • » Making content fluid - to allow for flexibility with a wide range of devices
  • » Avoiding the se of image and Using CSS3 instead for creation of text shadows, background gradients, box shadows etc.
  • » Utilizing CSS3 3D transformations and key frames to animate elements
  • » Implementing smooth transitions from/to default and hover state by using timing functions
  • » Using HTML5 to create forms by adding features such as data validation and range sliders, date pickers etc.

Back to Top

Responsive Web Design with HTML 5 and CSS3 Course Outline

      1. 1 Getting Started with HTML5, CSS3 and Responsive Web Design
        1. Why smart phones are important
        2. Are there times when a responsive deign isnt the right choice?
        3. Defining of responsive web design
        4. Example of responsive web design
        5. Get your viewport testing tools here!
        6. HTML5 and why its so good
        7. New, semantically meaningful HTML5 tag elements
        8. CSS3 enables responsive designs and more
        9. How can CSS3 solve everyday design problems?
        10. Can HTML5 and CSS3 work for us today?
      2. 2 Media Queries: Sporting Differing Viewports
        1. You can use media queries today
        2. Why responsive designs need media queries?
        3. Media query syntax
        4. What can media queries test for?
        5. Using media queries to alter our design
        6. The best way to load media queries for responsive designs
        7. Our first responsive design
        8. Responsive designs- making images as economical as possible
        9. Content clipping in smaller viewports
        10. Stopping modern mobile browsers from auto-resizing the page
        11. Fixing the design for different viewport widths
        12. Media queries-only part of the solution
        13. We need a fluid layout
      3. 3 Embracing Fluid Layouts
        1. Why proportional layouts are essential for responsive designs
        2. Amending a design from fixed to proportional layout
        3. A formula to remember
        4. Setting a context for proportional elements
        5. Using ems rather than pixels for typography
        6. Fluid images
        7. Making images scale with the viewport
        8. Serving different images for different screen sizes
        9. Where fluid grids and media queries come together
        10. CSS Grid systems
        11. Rapidly building our site with a Grid systemResponsive Web Design with HTML5 and CSS3
      4. 4 HTML5 for Responsive Designs
        1. What parts of HTML5 can we use today?
        2. How to write HTML5 pages
        3. A sensible approach to HTML5 markup
        4. New semantic elements in HTML5
        5. The semantic elements in HTML5
        6. The HTML5 outline algorithm
        7. Practical usage of HTML5 structure elements
        8. What about the main content of the site?
        9. HTML5 text-level semantics
        10. Applying text-level semantic to our markup
        11. Embedding media in HTML5
        12. Adding video and audio the HTML5 way
        13. Fallback for older browsers
        14. Responsive Video
        15. Offline Web Applications
        16. Understanding the manifest file
        17. Viewing the site offline
      5. 5 CSS3: Selectors, Typography, and Color Modes
        1. What CSS3 offers the frontend developer
        2. Using CSS3 to design and develop pages in the browser
        3. Anatomy of a CSS rule
        4. Vendor prefixes and how to use them
        5. Quick and useful CSS3 tricks
        6. CSS3 multiple columns for responsive designs
        7. New CSS3 selectors and how to use them
        8. CSS3 attributes selectors
        9. CSS3 substring matching attributes selectors
        10. A practical, real world example
        11. CSS3 structural pseudo-classes
        12. Custom web typography and font rules
        13. New CSS3 color formats and alpha transparency
        14. Alpha Channels
      6. 6 Stunning Aesthetics with CSS3
        1. Text shadows with CSS3
        2. Color Properties
        3. Pixels, em, or rem
        4. Shadow Properties
        5. Gradient Properties
        6. Responsive considerations for CSS3Responsive Web Design with HTML5 and CSS3
        7. Bring CSS3 properties together
        8. Background Images Properties
        9. Sizeable icons which are perfect for responsive designs
      7. 7 CSS3 Transitions, Transformations, and Animations
        1. What CSS3 transitions are and how we can use them
        2. The properties of a transition
        3. Understanding timing functions
        4. Transform Properties
        5. Breaking down the 3D effect
        6. Animating with CSS3
        7. Putting CSS3 transformations and animations together
      8. 8 Conquer Forms with HTML5 and CSS3
        1. HTML5 forms
        2. Understanding the component parts of HTML5 forms
        3. HTML5 input types & new elements
        4. Styling HTML5 forms with CSS3
        5. Form-specific CSS3 pseudo class selectors
      9. 9 Solving Cross-browser Responsive Challenges
        1. Progressive enhancement versus graceful degradation
        2. Modernizr-the frontend developers Swiss army knife
        3. Fix styling issues with Modernizr
        4. Modernizr adds HTML5 element support for old IE
        5. Add min/max media query capability for Internet Explorer 6,7, and 8

Back to Top

Do you have the right background for Responsive Web Design with HTML 5 and CSS3?

Skills Assessment

We ensure your success by asking all students to take a FREE Skill Assessment test. These short, instructor-written tests are an objective measure of your current skills that help us determine whether or not you will be able to meet your goals by attending this course at your current skill level. If we determine that you need additional preparation or training in order to gain the most value from this course, we will recommend cost-effective solutions that you can use to get ready for the course.

Our required skill-assessments ensure that:

  1. All students in the class are at a comparable skill level, so the class can run smoothly without beginners slowing down the class for everyone else.
  2. NetCom students enjoy one of the industry's highest success rates, and pass rates when a certification exam is involved.
  3. We stay committed to providing you real value. Again, your success is paramount; we will register you only if you have the skills to succeed.
This assessment is for your benefit and best taken without any preparation or reference materials, so your skills can be objectively measured.

Take your FREE Skill Assessment test »

Back to Top

Award winning, world-class Instructors

Carmille A.
- Highly-skilled in graphics and web software including Adobe CS3, CS4 & CS5 Photoshop, Dreamweaver, Illustrator, InDesign, Captivate, Acrobat and Quark; - Expert in Microsoft Office, including Excel, Word and PowerPoint. Licensed Application Instructor and Microsoft Certified Trainer since 2000. - Over 20 years of experience as Creative Director for multinational corporations such as McCann Erickson, Lintas, and Publicis. Bio: Carmille has been a Licensed Application Instructor and Microsoft Certified Trainer for years. She specializes in web development, business productivity and digital media applications such as SharePoint, Quark and the Adobe Creative Suite as well as numerous programming languages including XML, XHMTL, HTML and CSS. Carmille is passionate about educating and has a unique talent for making complex design and development principals seem "easy" to students from all levels of expertise. She currently teaches Adobe Graphic and Web Designer, Microsoft Office Specialist, SharePoint End User and the acclaimed Website Development Professional courses at NetCom Learning. Her 20+ years of experience as Creative Director for multinational corporations bring a special and innovative approach to her classes at NetCom Learning.
Charles W.
- Expert in Microsoft Office applications such as Excel, Word, PowerPoint, Outlook, Project, Visio, and Access as well as Adobe Graphic and Web Designer (InDesign, Acrobat, Photoshop, Illustrator, Dreamweaver and Flash Catalyst)
- Holds an A.A.S in Graphic Design as well as various Awards and Affiliations, including MCT, MCP, MCAS, and Office 2007 Master.
- Senior Lead Trainer for over 10 years.

Bio:

Charles is a Technical Trainer & Instructional Designer for over 10 years. He is a Microsoft Certified Trainer and dedicates himself to Microsoft Office applications such as Excel, Word, PowerPoint, Outlook, Project, Visio, and Access. He is also an Adobe specialist and holds a degree in Graphic Design.

Charles is well known for his high evaluation scores, achieving 8.75 out of 9 on a regular basis, teaching in one-on-one, instructor-led, and web-based environments; one of the reasons for his high evaluation is his expertise in increasing personnel performance by developing and implementing programs constructed from the job task analysis process. Charles currently teaches Adobe Graphic and Web Designer, and Microsoft Office Specialist courses at NetCom Learning.
Donna H.
- High-skilled trainer and speaker. Delivered presentations in Dubai, Tokyo, London, New York, and China.
- ITIL V3 Expert, teaching ITIL courses since 2005. More than 99% of her students have passed their ITIL Certification exams.
- Process Improvement Expert with more than 15 years of experience in the Support Center industry as a practitioner, consultant and certified trainer.

Bio:

Donna is an expert in project management and Process Improvement. Her amazing presentation skills have taken her around the world, giving arrangements in Dubai, Tokyo, London, New York and China to name a few. "The Donna", as she is known in the industry, has more than 15 years of experience in the Support Center industry as a practitioner, consultant and certified trainer.

Donna holds ITIL V3 Expert Certification and offers training and consulting services through NetCom Learning on Process Improvement framework as well as the ITIL practitioner level suite of Lifecycle and Capability Stream certification courses. She began presenting ITIL classes in 2005, and 99% of her students have passed their ITIL Certification exams. Along with ITIL courses, she promotes best practices in the support center industry, focusing on customer service skills training, individual and support center certification, training and consulting, and process infrastructure improvement.
Ginger M.
- Bachelor's Degree in Accounting and a Masters of Business Administration from Rutgers University.
- Over 9 years of experience as a Master Certified Trainer. Expert in MS Dynamics GP Financials, Installation, HR/Payroll, Project Accounting, Inventory and Integration Manager.
- Project Manager to various MS Dynamics Great Plains implementations.

Bio:

Ginger holds a Bachelor's Degree in Accounting and a Masters of Business Administration from Rutgers University. Her career started as an Auditor for Deloitte & Touch and over the years she developed her passion for Microsoft Dynamics, implementing Dynamics GP and Project Cost in the Professional Services, Commercial Real Estate and Medical Facilities vertical markets.

Ginger's experience with Microsoft Dynamics is unparalleled. As a Certified Master Dynamics trainer, she stays abreast of the latest Dynamics modules and shares experience with a very hands-on training technique at NetCom Learning.
Hisham S.
- Masters Degree in Computer Science and several academic projects published over the years.
- Over 20 years of experience as a professor in local and foreign universities, and as a trainer focusing on Web Development.
- In-depth knowledge of programming, including MySQL, PHP, and AJAX.

Bio:

Hisham holds a Masters Degree in Computer Science, in addition to having more than 20 years of experience as a professor and a trainer. His proven expertise, including a position as a Professor of the Department of Computer Science at Minia University Egypt, and a Professor of the Department of Computer Science at City University of New York, in MySQL, PHP, and AJAX is beyond comparison.

As a NetCom Learning instructor, Hisham stays up to date with the latest news in Advanced Website Development. He shares his knowledge and experience in a very focused and clear way, which students find very enticing.
J Tom K.
- Software Developer and sought-after Microsoft Certified Trainer (MCT) with over 30 years of hands-on experience.
- Expert in Microsoft technologies: .NET Framework, C#, VB .NET, ASP .NET, XML Web Services, ADO .NET, SQL Server, SharePoint Portal Server, Content Management Server, Commerce Server, BizTalk, MSMQ, COM+, COM Migration to .NET and PocketPC development.
- Extremely knowledgeable and rated as excellent by NetCom Learning students.


Bio:

Tom Kinser is an accomplished Software Developer and sought-after Microsoft Certified Trainer (MCT). Tom is also an expert in successfully designing software, managing and training programmers for over 30 years.

Tom specializes in helping businesses, enterprises, and government agencies apply current technologies to solve their unique business problems. He accomplishes this via hands-on training in cutting-edge programming and database design techniques. Tom consistently delivers successful training engagements in both classroom and live-online settings and is rated as excellent by NetCom Learning students.
Joseph D.
- Highly-skilled Autodesk Certified Instructor; working with Autodesk Softwares since 1993.
- Expert in AutoCAD, Autodesk 3DS, Autodesk Revit, Mechanical Desktop, Inventor, and Architectural Desktop.
- Authored course materials for numerous Autodesk courses.

Bio:

Joseph is an Autodesk Certified Instructor specializing in developing and teaching Autodesk courses, with a working knowledge of such products as AutoCAD, Autodesk 3DS, Autodesk Revit, Mechanical Desktop, Inventor, and Architectural Desktop.

In addition to teaching and developing courses for the past 10 years, Joseph has authored course materials for many AutoDesk courses. He is also well versed in Inventor 8 and 9.

Joseph demonstrates a straightforward, down-to-earth teaching style in order to reach students at widely differing levels of expertise. His extensive product knowledge and exuberant teaching style makes Joseph a consistently highly rated instructor at NetCom Learning.
Michael G.
- Over 22 years of professional experience in the IT field, including more than a decade as a Certified Trainer.
- An expert in Cisco's Routing, Switching, Security, Voice and Wireless areas, as well as select Microsoft, Novell, CompTIA, Sun and CWNP courses.
- High-skilled and acclaimed instructor. Has trained over 900 students at Netcom Learning.

Bio:

Michael has over 22 years of professional experience in the IT field, including more than a decade as a Certified Trainer. An expert in Cisco's Routing, Switching, Security, Voice and Wireless areas, Michael also teaches select Microsoft, Novell, CompTIA, Sun and CWNP courses.

Michael's dedication and passion for teaching is unmatched. He has trained over 900 students at Netcom Learning since 2006 and his evaluation scores average 8.7 out of 9.
Paul B.
- Microsoft Office Specialist with over 14 years of training experience.
- Expert in the IT industry, working in the IT field since 1986.
- Highly rated instructor with an all-time average evaluation score of 8.7 out of 9.

Bio:

Paul is Subject Matter Expert specializing in the Microsoft Office Suite and SharePoint end-user technologies with more than 25 years of practical experience in the IT industry. He is also a Microsoft Certified Trainer (MCT) with over 14 years of training experience.

A sought-after instructor and eternal favorite among students, his instructor feedback scores are among the industry's highest at 8.7 out of 9.0. As a trainer, his knowledge and passion for the subject matter as well as his personable nature, excellent communications skills and sense of humor are implicit in every class. NetCom Learning is proud to have Paul on our roster of IT geniuses.
Ramesh P.
Ramesh holds a Masters Degree in Computer Science with specialization in Information Security and is pursuing his Doctoral degree in IT from the University of South Australia (UniSA). He is a one of a kind trainer - he has been working in the IT field since 1995 and is an expert in C#, VB.NET, ASP.NET, Java/J2EE, PL/SQL, VB, ASP, and XML technologies. Ramesh also has extensive experience developing and implementing BizTalk and SharePoint in large corporations, as well as more than 10 years experience working with Oracle and SQL server/Sybase databases. With more than 19 certifications, Ramesh is an IT guru and trainer with worldwide experience, which includes presentations and trainings across US, Asia, and Middle East. He is a full time instructor at NetCom Learning and we couldn't be happier in having him as one of our Subject Matter Experts.
Richard L.
- Over 20 years experience in the IT industry.
- CEH and Microsoft training for many government agencies, including the United States Department of Homeland Security, and the Federal Bureau of Investigation.
- CEH and Microsoft training for Fortune corporations such as Merrill Lynch and ADP.

Bio:

Richard is a premier Microsoft Certified Trainer and Certified EC-Council Instructor. He has over 20 years of experience as a network administrator, security consultant, vulnerability assessor, and penetration tester for assorted Fortune companies.

Richard??s knowledge on the development and implementation of policies and procedures concerning the security of network data is unsurpassed. He has conducted successful CEH and Microsoft training classes for many government agencies including the United States Department of Homeland Security, the Department of Justice and the Federal Bureau of Investigation, as well as Fortune enterprises such as Merrill Lynch and ADP.
Sam P.
- Team leader for the first undergraduate team to win the Duke Startup Challenge.
- Over 15 years of experience in the IT industry.
- NetCom Learning Instructor of the Year 2011.

Bio:

Sam Polsky has spent his entire career in entrepreneurial pursuits, including such fields as biotechnology, software development, data management, and business process management. He began in entrepreneurship as team leader for the first undergraduate team to win the Duke Startup Challenge, a business development competition geared towards Duke Universitys various graduate schools.

Sam Polsky has since co-founded a consulting firm where he has been involved in software architecture, development and implementation. On top of that, Sam has been delivering acclaimed solutions in software architecture, development and implementation for over 15 years. He is a much-admired Subject Matter Expert and Trainer at NetCom Learning and was voted NetCom Learning Instructor of the Year 2011
Jose P.
Jose Marcial Portilla has a BS and MS in Mechanical Engineering from Santa Clara University. He has a great skill set in analyzing data, specifically using Python and a variety of modules and libraries. He hopes to use his experience in teaching and data science to help other people learn the power of the Python programming language and its ability to analyze data, as well as present the data in clear and beautiful visualizations. He is the creator of some of most popular Python Udemy courses including "Learning Python for Data Analysis and Visualization" and "The Complete Python Bootcamp". With almost 30,000 enrollments Jose has been able to teach Python and its Data Science libraries to thousands of students. Jose is also a published author, having recently written "NumPy Succintly" for Syncfusion's series of e-books.

See more...   See more instructors...

Back to Top

Recent Client Testimonials & Reviews

The instructor did a great job keeping us on track. We covered a lot of material.

- Tony P.

Course(s) Taken

» Data Analytics with R Language

Very impressed with the instructor. I would take a course from him again.

- Lenny M.

Course(s) Taken

» Docker Administration and Operations Combo

The classroom environment was very good. The instructor was excellent.

- Bob D.

Course(s) Taken

» Docker Administration and Operations Combo

  More testimonials »  

Back to Top

Ways to contact us

Back to Top