
Learn to build a mobile-first static web page that looks great on mobile and desktop, using git, node, and npm, with responsive techniques for a live site.
How Does the Internet Work?
https://web.stanford.edu/class/msande91si/www-spr04/readings/week1/InternetWhitepaper.htm
Understand how the internet links client and server, the server side handles requests, and how databases store images, videos, comments, and user data, with front-end focus on presentation.
Learn how to set up a web site folder, create and name files like index.html, write HTML in a text editor, save changes, and preview the result in a browser.
Learn how to create ordered (ol) and unordered (ul) lists in HTML, including nesting list items within lists, and use the Emmet extension to generate code with tab expansion.
Explore html image and hyperlink elements, set src and alt attributes, size images with height and width, and create links with target _blank to open in new tabs.
Explore core html elements, including h1–h6 and p, and see how nesting and strong emphasis improve accessibility, readability, and Google search ranking for mobile-first web development.
Discover how css precedence works by comparing inline styles, ids, and classes, and learn how element, class, and id selectors determine the final color.
Set up the environment and create a Sass workflow, use node-sass to compile Sass into CSS, and run npm scripts to watch and auto-compile changes.
Learn how to set up node-sass by npm init, npm install, and running a conversion command in the terminal across Mac and Windows.
Requirements
Have a computer that runs Mac or Window
Must have access to the Internet
Must be willing to learn and have fun!
Description
Welcome to the Mobile first Web Development course. More than 60% of google search comes from mobile, hence dire need to build responsive mobile first website.
This is the perfect opportunity to explore and exploit this course.
Everything I cover is up-to-date and relevant to today's developer industry.
It's very beginner friendly course that gives room to see the bigger picture.
You will have access to the source and will be able to setup a GitHub portfolio.
We are going to build a beautiful mobile first landing page from the ground up.
This is a course designed for the complete beginner who want to learn about web development, We will be using the most advance web technology to build our project.
Throughout the course we cover tons of tools and technologies including:
HTML5
CSS3
SASS - css processer
Flexbox Css
Grid Css
Google Developer Tool
NodeJS
NPM
Git
Github
Who is the target audience?
This course is for anyone who wants to learn about mobile first web development, regardless of previous experience.
It's perfect for complete beginners with zero experience or someone curious about build mobile first website.
If you want to take ONE COURSE to learn everything you need to know about Mobile first web development, take this course.