
An experienced full-stack developer leads from a home studio, answers class questions twice daily, typically within 48 hours, and loves programming, launching, learning, and teaching.
Discover how to create beautiful designs on signup, contact, and login forms in an important lecture you won't want to miss.
Design a sign up and sign in form with a toggle, and showcase a responsive layout that adapts across mobile, tablet, and desktop sizes.
Create an HTML document for sign in and sign up forms, using containers and form tags with email, password, and placeholders.
Build a container layout using css, applying margins, padding, and display flex with center alignment, using viewport height and a subtle shadow to structure the session content.
Explore a signup and sign-in layout with an image on the left and form box on the right, using an 800 container, absolute positioning, overflow hidden, and 50 percent widths.
Designing elements inside the signing and account-creation forms, centering content, applying padding and gaps, and styling typography, colors, inputs, and the submit button for a cohesive form experience.
Design the signing button and the create an account button in the signing form using an attribute selector on input submit, then apply color, cursor, font size, spacing, and uppercase.
Control sign-up and sign-in form layouts by deactivating links, sliding the form box left and right, and preparing container and overflow handling.
Add smooth transitions to sign up and sign in forms using on click with JavaScript to toggle the container’s active state, enabling sliding animations for a responsive layout.
Develop a responsive sign up, sign in form layout that adapts to mobiles, tablets, laptops and desktops using media queries and image box adjustments to prevent overflow.
So why is this course so unique ?
Reason #1: The course is completely project-based
Together we hand-code a beautiful and responsive Form page for a fictional company that I made up just for the course. Step-by-step, you will learn more and more HTML5 and CSS3 features, from beginner to advanced. These are the latest web technologies, used by every website in the world.
This huge project will teach you all the real-world skills to build real-world HTML5 and CSS3 websites. This will allow you to build any website you can imagine... From complete scratch.
Reason #2: You will not just learn how to code
Coding is great, but it's not everything! That's why we will go through the entire process of building and launching our website project. This includes designing, coding, planning, writing clean and organized code, website optimization, best practices, and so much more.
Designing is really, really important. Have you seen all these beautiful and modern websites lately? Great! Because I will show you how it's done. And not just in theory, but also in practice. This is the only course on the market that focuses on both coding and designing, together.
Reason #3: You walk away with a ready-to-launch Forms
By the end of the course, you will have a complete, ready-to-launch Forms that looks great on any computer, tablet, and smartphone. Of course you get the entire code and all the images and graphical assets that I designed especially for the course as a free download.
Please check out the promo video to see the final website!
Reason #4: I make HTML5 and CSS3 easy and fun
With the right guidance, HTML5, CSS3, and responsive web design are really easy to learn and use in the real world. With a bunch of random tutorials and YouTube videos? Not so much. That's why I structured this training around a cool and complete project that's fun to code.