Opening the course…
Rejin RAssistant Professor, IT — Government Engineering College IdukkiRejin ROpening the course…
From the three languages to colour, type, boxes — then build it yourself
A hands-on course that builds up web development one idea at a time — from HTML foundations through CSS colour, type, boxes and layout, then a workshop where you build a finished page from a brief with no code to copy. Every teaching section ends with something you can click, change and break.
Students and anyone starting out · Beginner · 3 parts · 18 sections · 32 interactive pieces · ≈ 6 h 16 m · 7 likes
WhatsAppProgress loads on this device
How the three languages connect
Prefer a focused page? Open the study view for this section.
Open study view →The bones of an HTML page
Prefer a focused page? Open the study view for this section.
Open study view →Prefer a focused page? Open the study view for this section.
Open study view →Prefer a focused page? Open the study view for this section.
Open study view →Prefer a focused page? Open the study view for this section.
Open study view →Prefer a focused page? Open the study view for this section.
Open study view →Prefer a focused page? Open the study view for this section.
Open study view →Continues from Part 1. If you have not done it, open that part.
How CSS works
Prefer a focused page? Open the study view for this section.
Open study view →Prefer a focused page? Open the study view for this section.
Open study view →Type and the box model
Prefer a focused page? Open the study view for this section.
Open study view →Prefer a focused page? Open the study view for this section.
Open study view →Laying things out
Prefer a focused page? Open the study view for this section.
Open study view →Continues from Part 2. If you have not done it, open that part.
Assumes Parts 1 and 2. This part is practice, not new theory.
Learn to look
Prefer a focused page? Open the study view for this section.
Open study view →Prefer a focused page? Open the study view for this section.
Open study view →Fix, then finish
Prefer a focused page? Open the study view for this section.
Open study view →Prefer a focused page? Open the study view for this section.
Open study view →Build it from nothing
Prefer a focused page? Open the study view for this section.
Open study view →Prefer a focused page? Open the study view for this section.
Open study view →Rate this
Web Application Development
From students
What people said
Part 1
“i love her”
Part 1
“woooooow”
Part 1 · Section 1: HTML, CSS and JavaScript
“Good and Interesting”
Part 1 · Section 7: Container tags and empty tags
“it worked really well”
Part 2 · Section 8: Writing a rule, and getting it onto the page
“good session”
Part 1 · Section 7: Container tags and empty tags
“loved it ^_^”
Part 1 · Section 7: Container tags and empty tags
“good section”
Part 1 · Section 2: The structure of an HTML page
“this session is so understandable as we studied every tags importance hoping to get more session like this”
Part 1 · Section 7: Container tags and empty tags
“good one!”
Part 1 · Section 3: Text, headings and paragraphs
“wonderful session.we can understand by this method more”
Part 1 · Section 6: div and span — the two blank tags
“good one!”
Part 1 · Section 2: The structure of an HTML page
“hell answers to me.. for...i....am....DOOM.!”
Part 1 · Section 3: Text, headings and paragraphs
“good one!”
Part 1 · Section 2: The structure of an HTML page
“<H1>A WELL KNOWN STUDENT FROM IT </H1> <H1>A WELL KNOWN STUDENT FROM IT </H1> <H1>A WELL KNOWN STUDENT FROM IT </H1> <H1>A WELL KNOWN STUDENT FROM IT </H1> <H1>A WELL KNOWN STUDENT FROM IT </H1> <H1>A WELL KNOWN STUDENT FROM IT </H1> <H1>A WELL KNOWN STUDENT FROM IT </H1>”
Part 1 · Section 2: The structure of an HTML page
“sooooper”
Part 1 · Section 2: The structure of an HTML page
“good session”
Part 1 · Section 1: HTML, CSS and JavaScript
“perfect section”
Part 1 · Section 1: HTML, CSS and JavaScript
“perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect”
Part 1 · Section 1: HTML, CSS and JavaScript
“Awesome.”
Part 1 · Section 1: HTML, CSS and JavaScript
“mindblowinggggg”
Part 1 · Section 1: HTML, CSS and JavaScript
“good one!”
Part 1 · Section 1: HTML, CSS and JavaScript
“understand html,css,javascript”
Part 1 · Section 1: HTML, CSS and JavaScript
“goooood perfect”
Part 1 · Section 1: HTML, CSS and JavaScript
“very good site”
Part 1 · Section 1: HTML, CSS and JavaScript
“good one”
Part 1 · Section 1: HTML, CSS and JavaScript
“adipoli...........................”
Part 1 · Section 1: HTML, CSS and JavaScript
“nice class”
Part 1 · Section 1: HTML, CSS and JavaScript
“amazed!!!!!!!!!”
Part 1 · Section 1: HTML, CSS and JavaScript
“nalla clsss”
Part 1 · Section 1: HTML, CSS and JavaScript
“gooood siiir”
Part 1 · Section 1: HTML, CSS and JavaScript
“GOOD SESSION”
Part 1 · Section 1: HTML, CSS and JavaScript
“nothing perfect”
Part 1 · Section 1: HTML, CSS and JavaScript
“It was a good section”
Part 1 · Section 1: HTML, CSS and JavaScript
“Very easy to understand”
“Thank You Sir,It was a wonderful workshop.I was able to understand all the concepts throughly.You made the class so simple that such vast concepts felt interesting to learn.It was a pleasure learning from you,I truly enjoyed it a lot.Thank you sir once again for your efforts.”
“Very very helpful ❤️, Thankyou for your valuable time and effort. Your teaching along with practical sessions helped me a lot to understand more about the course. Thankyou so much sir ❤️”
“Thankyou for your valuable time and mentorship. We're grateful for your dedication in helping us improve our knowledge in this subject. The classes were very interesting and valuable for us.”
“The class was excellent and very helpful. I sincerely appreciate the effort taken for the session.”
“Thankyou for your valuable time and mentorship. We're grateful for your dedication in helping us improve our knowledge in this subject. The classes were very interesting and valuable for us.”
“The class was excellent and very helpful. I sincerely appreciate the effort taken for the session.”
“Very very helpful ❤️, Thankyou for your valuable time and effort. Your teaching along with practical sessions helped me a lot to understand more about the course. Thankyou so much sir ❤️”
“i literally liked your class very much you did a lot of effort from bringing up the workshop from scratch and explained very basic that we understood thank you sir”
“Informative, thankyou for your effort.your lecture at lbsitw was amazing,and we are really thanking you for your valuable lecture and sharing your knowledge.These notes are really informative for us.thankyou sir”
“When we studied in the class we were not doing any practicals and it felt very confusing. After attending sir's class it was very clear and understanding like doing practically made us understand better. Thank you so much for your time and effort.”
“Thankyou for your valuable time and mentorship. We're grateful for your dedication in helping us improve our knowledge in this subject. The classes were very interesting and valuable for us.”
“Amazing class continuous teaching would make brain rot amazing explanation”
“Workshop was really good. Concepts were made very clear.”
“Very very helpful, Thankyou for your valuable effort.”
Part 1 · Section 1: HTML, CSS and JavaScript
“interactive”
Part 1
“interesting”
Part 1 · Section 1: HTML, CSS and JavaScript
“interactive”
Part 1 · Section 1: HTML, CSS and JavaScript
“good section”
Part 1 · Section 1: HTML, CSS and JavaScript
“interactive”
Part 1 · Section 1: HTML, CSS and JavaScript
“interactive”
Part 1 · Section 1: HTML, CSS and JavaScript
“good section”
Part 1 · Section 1: HTML, CSS and JavaScript
“Everything is simple, and easy to follow”
Part 1 · Section 1: HTML, CSS and JavaScript
“wonderful.”
Part 1 · Section 1: HTML, CSS and JavaScript
“wonderful.”
Part 1 · Section 1: HTML, CSS and JavaScript
“Difference between html,css and js”