- This event has passed.
A Six-days certification course was conducted for the 2nd year students of Artificial Intelligence and Machine Learning department on “Full Stack Web Development using Flask Framework” from 22-05-2023 to 27-05-2023 by department of AI&ML in association with EYESEC Cyber Security Solutions Pvt. Ltd, Belagavi. The resource person was Mr. Kartik N who is lead Trainer of EYESEC Cyber Security Solutions Pvt. Ltd, Belagavi.
An Inaugural ceremony was conducted on 22rd May 2023 at third floor Seminar Hall at 10:00 A.M. This ceremony was conducted under the presidency of the Secretary of KES-Sri.C P Rakesh Poovaiah and the Principal of CIT -Dr. M Basavaraj, the chief guest for this ceremony was Mr. Kartik N, who is the resource person for this program. HoD of AI&ML, Dr. Ramakrishna B.B, all teaching & non-teaching faculties and students were present during this occasion.
Initially the welcome speech was delivered by Jayanth Ganapathi, who is 2nd year student of AI&ML department. Later, respected Principal of the college Dr. M Basavaraj spoke about the importance of Web Development and instructed all the students to make full use of this course. Also, the resource person was introduced to the audience by Dishitha K S, a student of 2nd year. The resource person Mr. Kartik N, guided the students about the flow of this course and vote of thanks was conveyed by Bhanu Tej, a student of 2nd year.
Day 1: 22/05/2023 – Introduction to Web Development
Morning Session – 09:00 AM to 01:00 PM:
The first session of the course focused on introducing objectives of HTML and CSS, the fundamental languages used in Web development. The instructor, Mr. Kartik Nanneboina started by explaining the role of HTML in creating the structure of web pages, while CSS is used for styling and visual presentation. The participants were encouraged to use Visual Studio Code (VS Code) as their integrated development environment (IDE) throughout the session. During this session, the instructor provided an overview of HTML basics, including the structure of an HTML document, the use of tags, and their attributes. The participants learned about essential HTML tags such as <html>, <body>, <head>, <h1> to <h6>, <p> and <div>. Practical examples were given to demonstrate the usage of these tags in creating a well-structured HTML page.
Afternoon Session – 02:00 PM to 05:00 PM:
In the afternoon session, the focus then shifted to CSS, with an emphasis on selectors, properties, and values. The instructor explained how CSS enables developers to customize the appearance of HTML elements. Participants learned about CSS selectors such as element selectors, class selectors, and ID selectors. The students also gained insights into CSS properties and how they can be used to modify the appearance of HTML elements. To reinforce the concepts covered, the participants engaged in a hands-on activity. Using VS Code, they were tasked with creating a skeleton HTML file with basic aesthetics. They were instructed to apply the learned HTML tags and CSS properties to structure and style the HTML page effectively. The instructor provided guidance and support as participants worked on their assignments.
Day 2: 23/05/2023 – Intermediate HTML and CSS
Morning Session – 09:00 AM to 01:00 PM:
This session began with the review of HTML basics and introducing more advanced HTML tags. Participants surveyed on CSS selectors and applying styles to specific elements which is essential for creating, engaging and visually appealing websites. The instructor Mr. Kartik, made them understand the importance of semantic markup, utilizing elements, implementing form elements and attributes and incorporating multi-media content. Students gained proficiency to control the size, spacing and layout of elements and understanding different types of CSS selectors and managing specificity to target and style elements effectively.
Afternoon Session – 02:00 PM to 05:00 PM:
In the afternoon, the session was about the introduction to responsive web design and media queries, embracing responsive design principles to ensure website adapt to different screen sizes. Students were taught to implement CSS media queries to apply specific styles based on characteristics such as screen width, height and pixel density. The hands-on exercise on creating responsive web pages offers participants a practical opportunity to apply responsive design principles. By employing media queries and implementing responsive images, participants develop the skills needed to adapt websites to different screen size effectively. Through testing and experimentation participants gain valuable insights into the importance of responsive design.
Day 3: 24/05/2023 – Introduction to JavaScript
Morning Session – 09:00 AM to 01:00 PM:
The trainer Mr. Kartik continued the course by introducing JavaScript and its role in the Web development, JavaScript is easier and efficient to design a web page, trainer thought JavaScript syntax and basics programming concepts in this session, and also introducing the datatypes used in JavaScript and declaring and initializing variables and types of operators used in JavaScript.
Afternoon Session – 02:00 PM to 05:00 PM:
The trainer started the afternoon session teaching students how to manipulate the HTML DOM using JavaScript, the session included interactive demonstrations, hands-on exercises, and discussions to ensure understanding of JavaScript. Students participated in Hands-on exercises on creating interactive web elements with JavaScript.
Day 4: 25/05/2023 – Python Flask Backend
Morning Session – 09:00 AM to 01:00 PM:
The day 4 began with an overview of Flask, a popular Python web framework known for its simplicity and flexibility. The instructor Mr. Karthik, discussed Flask’s philosophy, design principles, and advantages over other frameworks. Participants learned about Flask’s lightweight nature, modularity, and extensive community support. To facilitate practical implementation, the workshop provided step-by-step guidance on setting up a Flask development environment. Participants learned how to install Flask and its dependencies using package managers like pip. The instructor also explained the importance of virtual environments to maintain project-specific dependencies and isolation.
Afternoon Session – 02:00 PM to 05:00 PM:
The afternoon session of day 4 covered the fundamentals of routing in Flask. Participants learned how to define routes using decorators and associate them with specific URL patterns. Participants were introduced to Flask’s form handling capabilities. The instructor Mr. Karthik, explained how to create forms using Flask-WTF and demonstrated how to validate and process user input. Participants learned about common form elements, such as text fields, checkboxes, and radio buttons, and explored techniques for handling form submissions and displaying error messages.
Day 5: 26/05/2023 – Introduction to database & Overview of SQL using VS Code
Morning Session – 09:00 AM to 01:00 PM:
The first session of Day 5 was about the introduction to database and their role in web-development. The trainer Mr. Kartik thought participants that a database is storing system that collects organized data, to make some works easier like searching, structure and extend. In web development, most databases use the relational database management system (RDBMS). Also, the trainer thought how to organize data and programming in VS Code. He also taught about the importance of database.
Afternoon Session – 02:00 PM to 05:00 PM:
During afternoon session of Day 5, the trainer Mr. Kartik thought how to connect flask with a database and how to add database functionality to a flask app named SQL Alchemy, to add this data to the database by using the “POST” method (POST is used to send data to a server to create/update a resource) in flask. The participants also built a Flask application that takes data in a form from the user and then displays it on another page on the website.
Day 6: 27/05/2023 – Project Development and Deployment
Morning Session – 09:00 AM to 12:30 PM:
On day 6, the Trainer Mr. Kartik guided the students in developing a full-stack web application, revised the concepts covered in all previous 5 days and developed a Shop cart application using Flask framework and python script integrated with Database, HTML and CSS. The developed Shop cart application consisted login, create and delete-profile web pages. Creating menu by integrating database and creating bill.
Afternoon Session – 01:00 PM to 02:30 PM:
Afternoon session of day 6 was about how to deploy the web application to a server. The participants created their own server using python script and deployed shop cart application to server and the trainer introduced Bootstrap which is free front-end framework for faster and easier web development includes HTML and CSS based design templates for forms, buttons, tables. Finally, the Shopkart application is created as practical application and presented. Also, Q&A session was held.
Valedictory function:
Finally, Valedictory function was organized at 02:30 P.M. This ceremony was conducted under the presidency of the institute Principal Dr. M Basavaraj. The chief guest for this ceremony was Mr. Kartik N, who was the resource person for this course. All teaching & non-teaching faculties and students were present during this occasion.
Initially the welcome speech was delivered by Prof. Vignesh T V, who is the coordinator of this event and serving as an Assistant Professor in AI&ML department. Later, respected Principal of the college Dr. M Basavaraj thanked the resource person Mr. Kartik N for conducting the web development course and hand overed a token of gratitude for his gracious presence and sharing his knowledge on “Full Stack Web Development using Flask Framework”.
Also, he congratulated all the students for actively participating in the course and making this event a grand success. Later two students of 2nd year Ms. Isha Ganapathy and Ms. Nirmala shared their experience and knowledge they gained during this course. The resource person Mr. Kartik N thanked the department of AI&ML for giving the opportunity to deliver the content. Finally, vote of thanks was delivered by Prof. Vignesh T V, who is serving as an Assistant professor of AI&ML department.
