Posts

COURSE SUMMARY AND STUDY MATERIAL FOR REFERENCE

Course Summary: (Jan. 2021 - March 2021) CLIENT SERVER MODEL ON INTERNET What is HTTP Click  here  for more on HTTP (very important) HTML HTML file structure HTML tags and elements along with there respective functionalities HTML Attributes HTML Id and Class attributes HTML Forms, click  here  for more on forms HTML media elements like img, audio, video (embedding Youtube video) Click  here  for more on HTML CSS CSS selectors (click  here  for reference) CSS properties (click here  for reference) Click  here  for more on CSS Bootstrap Bootstrap classes Bootstrap components Click  here  for more on bootstrap JavaScript DOM (Document Object Model) Targeting elements in HTML to dynamically change them by using the 'document' object Data Types Functions  Arrays and related methods Objects and related methods General Object Oriented programming(OOP) concepts : Class, properties and methods Click  here  for r...
Post a Comment
Read more

Javascript Assignments

Task 1: Declare a variable named  number0  and give it any numeric value Print the type of  number0  on console.  hint: use typeof( ) to get the type  Declare a variable named  number1  and give it any numeric value greater than  number0 Print the type of  number1  on console.  hint: use typeof( ) to get the type  Print the  sum  of the two variables( number0 and number1 ) in console by using  console.log( ) Print the  difference  of the two variables( number0  and  number1 ) in console by using  console.log( ) Print the  product  of the two variables( number0  and  number1 ) in console by using  console.log( ) Divide  the numbers( number0  and  number1 ) and print the result in the console by using  console.log( ) Print the  remainder  when  number0  is divided by  number1  in console by ...
Post a Comment
Read more

Javascript

I What is an algorithm? (Example of Binary Search) alert console.log() Types (string, number, boolean) Data literals Variables Assignment II Variable scope Operators Assignment III Loops Assignment IV DS Arrays (its methods(.map etc.), properties(length etc.)) Assignment V DS Objects (JSON) Methods and Functions Assignment VI async-await Assignment VI ... Object Oriented JS   Assignment
Post a Comment
Read more

Assignment 3

* In the picture at the link provided below, ignore the cylindrical outer container, just focus on the tables. Make the tables with the same styling(same borders, background-color and padding) Task : Click here to see the design of the tables you have to replicate using HTML and CSS.
Post a Comment
Read more

Course Structure

HTML and CSS (1-2 week) What is HTML ? HTML elements Block and Inline Elements HTML attributes HTML style attribute  (what is CSS and how to write inline CSS) Formatting text with different elements    What are "Comments" in programming? : They are added with the purpose of making the source code easier for humans to understand, and are generally ignored by computers. Comments are not treated as code. HTML Comments HTML Forms HTML links i mage element <img> Assignments 0.1 & 0.2 Table element <table> Lists Assignment 0.3 HTML file-paths CSS in another file(External CSS) HTML id HTML class CSS display property CSS box model CSS margin, padding, border properties CSS flexbox JAVASCRIPT for Front-end (along with OOP)  ReactJS with ant-design, stateManagement 
Post a Comment
Read more

Project 0

Image
 Replicate the given webpages by using only HTML and CSS(if needed).                                                                                               1.  First webpage              Elements used : h1, div, img, hr, h3, form, input Explaination:  This webpage contains a heading at the top(ABC football academy),  then some information about the academy below it,  after that there is an image of a football (here is the image link/src =  https://cdn.pixabay.com/photo/2013/07/13/10/51/football-157930__480.png ) then there is an html form to collect user data( which asks for name, document upload etc.) 2. Second webpage Elements used: h3, if...
Post a Comment
Read more