Find online courses made by experts from around the world.
Take your courses with you and learn anywhere, anytime.
Learn and practice real-world skills and achieve your goals.
Talk to us!
Not for you? No problem.
30 day money back guarantee.
Learn on the go.
Desktop, iOS and Android.
Certificate of completion.
|Section 1: CSS and HTML|
You, This Course, and Us!Preview
|HTML specifies the structure of a web page and CSS how the page looks i.e. the presentation.|
|Plunge right in, set up a simple page and get introduced to a whole bunch of HTML tags.|
|What's an HTML page without style? Get to know the HTML <style> tag and how it can be used to specify style properties to make your pages look good.|
|The internet is all about links. Who links to you and who do you link to? In this lecture we'll learn how we link to others using the <a> tag and its href attribute.|
|Paths in HTML can reference resources on our server as well as resources anywhere on the web. Relative paths are relative to the location of the HTML file and absolute paths can access resources on any server.|
|HTML provides a whole bunch of quote tags. Learn about the <q> and the <blockquote> tags and why we would use them over specifying quotes ("") in text.|
Bulleted lists and numbered lists. HTML has special <ul> and <ol> tags to specify these. Each list item in an <li> tag should go with either an un-ordered list (<ul>) or an ordered list (<ol>).
|The <em>, <time>, <strong> and <code> tags.|
|Understand the different parts of a domain name and what they represent. Revisit the <a> tag and learn some more about how we can open up a new web page in a new window, tab etc.|
|The <img> tag allows you to embed inline images in your page. You can also resize images using the height and width attribute of the <img> tag.|
|HTML is a living standard now. No more version numbers and everything will be backward compatible from here on in. This is a pretty big deal!|
|Section 2: CSS|
|Get re-introduced to CSS and see how CSS files are set up separately from the HTML and linked to the HTML page. It's good practice to separate the CSS and HTML files so both can be worked on separately.|
|CSS styles inherit from the parent element, or do they? CSS inheritance is tricky and it's important to know how a certain style is applied on an element. This lecture should have the answers.|
|How do you apply styles to specific HTML elements? You select them. How do you select them? By specifying the tag, a CSS class or their unique identifier.|
|Understanding sans-serif fonts, fallback options on a webpage, using fonts from free services such as Google etc.|
|How to change text color, background colors and specify colors using their hex code.|
|Understand margins, padding and borders and where exactly they apply. They form the CSS box model which has tripped up many an aspiring web developer.|
|The <div> is a block element which is used to logically group HTML elements. The logical components can then be styled together.|
|Figure out why the "cascade" exists in Cascading Stylesheets.|
|The <span> allows logical grouping of inline elements and is a perfect partner to <div>.|
|CSS allows you to apply styles to not just HTML elements but also specific states of an element. The :hover, :focus, :link are all examples of states of a particular element.|
Normal Rendering Flow Of The Browser
|The CSS float and clear properties.|
|Understand the CSS position attribute and how it works.|
|Fluid layouts allow the elements of a page to move as the page resizes, but you might not want them to! Then you'd choose the fixed layout.|
The display property can make block elements behave like inline elements, make elements disappear and whole bunch of other stuff.
Chrome Developer Tools
Loonycorn is us, Janani Ravi, Vitthal Srinivasan, Swetha Kolalapudi and Navdeep Singh. Between the four of us, we have studied at Stanford, IIM Ahmedabad, the IITs and have spent years (decades, actually) working in tech, in the Bay Area, New York, Singapore and Bangalore.
Janani: 7 years at Google (New York, Singapore); Studied at Stanford; also worked at Flipkart and Microsoft
Vitthal: Also Google (Singapore) and studied at Stanford; Flipkart, Credit Suisse and INSEAD too
Swetha: Early Flipkart employee, IIM Ahmedabad and IIT Madras alum
Navdeep: longtime Flipkart employee too, and IIT Guwahati alum
We think we might have hit upon a neat way of teaching complicated tech courses in a funny, practical, engaging way, which is why we are so excited to be here on Udemy!
We hope you will try our offerings, and think you'll like them :-)