Summer School on Web Development & Designing

10th June -18th July 2019

Dronacharya College of Engineering, Gurugram organized six weeks summer training on "Web Development & Designing" from 10th June- 18th July 2019.

Students from CSE, IT and CSIT Department were shortlisted for the programme and selected on pre-qualifying test on website development (HTML, CSS & JavaScript) those who qualified the test could get into the training program. Students were taught about the website development and designing using HTML, CSS and JavaScript by Mr. Vinod Kumar Assistant Professor, Department of CSE while Bootstrap part is covered by Mr. Jatin Garg (20074) (Students of 5th Semester CSE Branch).

Introduction and interactive session:

First session was to make students understand and familiar with facts and terminologies related to web development and have glimpse of web technologies being used by top websites in the world.

Students were explained: What is a Website, What are different types of websites (blog, e-commerce, social media, portals, etc), purpose of making different types of website, understanding the objective of any website, interesting facts and figures related to web development, Prerequisites for Website development, technologies used in creating website (front end/back end/scripting, etc), Hands on exercise on one simple wireframe and writing its code.

Creating web pages with HTML5:

In the next session Mr. Vinod Kumar explained student the use all the elements in HTML5 and their features for web page designing.

Topics covered in the session were - Introduction to HTML, Writing HTML code using Header Tags, Paragraphs, Ordered and Unordered lists, Forms, Links, Tables, frames, Images, Text Formatting, Image Maps, etc. Encoding URL, Using HTML5 introduced features, Embedding audio and video in a webpage, drag and drop, etc.

Mr. Vinod also discussed how to style the HTML elements and different ways to write CSS like external, internal, inline styling of HTML elements-text, links, lists and tables, different ways to write CSS, external, internal, inline. Creating navigation bars, Writing Media Rules, hide visibility of an element, CSS Image Sprites and Gradients, CSS Pseudo Classes and Pseudo Elements,CSS3 Text Effects using different text fonts. Creating 2D and 3D transformations and applying animations etc.

Students were asked to create web page using HTML Styling web pages using CSS.

Handling events with JavaScript:

Java Script data types, variables, arrays. Creating loops and writing if-else decision making statements. Defining and calling JavaScript functions on events. Manipulating DOM elements.

Students were asked to create web page using HTML, CSS & JavaScript.

Bootstrap:

In this session students learned to get started with one of the topmost CSS and JS framework Twitter Bootstrap 3 which makes the web development fast and easy. Student include how to include Bootstrap in the project and use different Bootstrap features like fixed drop down menu, carousel, text and image grids.

Bootstrap features like fixed drop down menu, carousel, text and image grids, custom thumbnails, bootstrap modal were explained to the students. Use of Font Awesome Icons, text and image grids, accordions, sign in/signup form and jumbotron were also explained to the students.

Students were asked to create web page with Bootstrap, HTML, CSS, Javascript, to make a live website using all the technologies learned during the course and run it on live servers using real time domain names and servers.

This was a certification-based training; hence, all the students who qualified the exam at the end of the training as well as weekly test which included questions from the topics covered during the training got the certificate of completion.