Basic Website Structure
The Basic Website structure is a starting point for building a website layout. This module presents HTML and CSS subjects such as text configuration, color configuration, and page layout, with an enlarged emphasis on the topics of design, accessibility, and Web programming standards. The module covers the essentials that web developers need to establish a foundation of skills in topics like HTML5 Reference, Correlation of XHTML and HTML5, Special Entity Character List, CSS Property Reference, and File Transfer Protocols. Learning Outcomes L01. Develop a basic understanding of web programming L02. Create well-structured, easy-to-maintain, standards-compliant HTML and CSS web pages L03. Use CSS framework Bootstrap to create responsive pages L04. Understand client-side Web security concepts Content Covered Web Programming Internet Protocols Internet concepts Creating web pages with HTML5 Configuring text, color, and page layout with Cascading Style Sheets (CSS) Web design best practices Accessibility standards The web development process Using media and interactivity on web pages New CSS3 properties Website promotion and search engine optimization Responsive Websites using Bootstrap
Client-Side Scripting
This Module explores the basics of JavaScript and concludes with constructing an interactive web frontend using JavaScript components. An Introduction to JSX, a unique format that blends JavaScript code with HTML — Learners receive an expertise-based understanding of JSON, Document Object Model (DOM), jQuery, and Animations. Later, students can discover the fetch JavaScript function, which is used to receive information from a REST API Learning Outcomes L01. Customize pages with dynamic content using JavaScript L02. Utilize JavaScript techniques for form validation L03. Able to analyze, identify, and apply the characteristics of excellent scripting in a front-end web development context L04. Use JavaScript to provide interactive content to websites that accommodate user requirements and interests Content Covered Overview of Programming Basic JavaScript Functions, Methods & Objects Decisions and Loops The Browser DOM: Document Object Model Events JQuery Ajax and JSON APIs Error Handling and Debugging Content Panels Filtering, Searching and Sorting Form Enhancement and Validation
Building Dynamic Website
This module offers a guide to the parts of the Python programming language and its open-source web framework and tools that will equip students to become effective Full Stack Web Developer. The module focuses specifically on Python programming, Object oriented programming, libraries, frameworks, and tools needed to build dynamic Websites. The essential Python-based web framework covered in this module is Django. Learners will utilize the Django web framework to construct, protect, test, and run a web server or set up a new website using the Django framework along with standard practices. Explore the use of Models in Django and use Views to display required data to relevant Template structures for a composite user interface (UI). Implement proactive security procedures and reduce common security vulnerabilities. Learning Outcomes L01. Learning python structure and how to develop programs in it L02. Design and implement, test, and verify Server-Side web apps using python and Django L03. Developing and verifying real-world web applications based on diverse data sources L04. Develop Web pages that Incorporate standard data formats into websites. Content Covered Introduction to Python Advanced Data types in python Decision-making, iterative code, and algorithms Introduction to Object Oriented Programming Objects and Classes Inheritance __int __ Method Overriding Data Hiding Backend development using Django Model View Template architecture in Django Django Template Django Admin Django Forms
Database Management System
his module gives an in-depth overview of databases and their relevance in creating web applications. Start with constructing a database using an open-source Object-Relational database system called PostgreSQL to execute some basic Create Read Update Delete (CRUD) database operations using SQL commands. In this module, learners thoroughly understand models and migrations, a component of Django's ORM, that are used to propagate conceptual database changes from the application to the database and conduct database CRUD actions. Through the conclusion of the chapter, students will explore the different types of database connections and use that knowledge to perform queries across related records. Learning Outcomes L01. Interpret a specified data model to query the database and turn the data into information using SQL (Structured Query Language) L02. Understanding basic concepts and uses of databases with multiple applications L03. Understand the theory underlying the relational data model as it pertains to interactions with modern database management systems L04. Recognize work conditions and resolve database peculiarities by normalizing database tables. Content Covered Introduction to Database concepts Database Environment PostgreSQL Setup Joins and Sub Queries PostgreSQL Connectivity Relational Model Entity Relationship Model ORM Overview Basic SQL Tables DB creation Data modeling Introduction to Database concepts Database Environment PostgreSQL Setup Joins and Sub Queries PostgreSQL Connectivity Relational Model Entity Relationship Model ORM Overview Basic SQL Tables DB creation Data modeling Constraints and Data Manipulation SQL CRUD operations Django’s Database CRUD Operations
Front-End Designing Frameworks
This Module explores CSS preprocessor and JavaScript Framework essentials in a systematic, example-driven method. Learners can develop applications by understanding the design components, managing user interaction, handling complex forms, and connecting with servers. Furthermore, gain knowledge of the inner workings of creating React App, implementing automated unit tests, and developing a multi-page app that employs client-side routing. This Module will demonstrate students’ importance of utilizing nesting, variables, mixins, placeholders, and functions to develop more expressive and reusable styles so learners can transfer a CSS codebase to SCSS and design several websites. Learning Outcomes L01. Apply Sass variables, mixins, extensions, and functions to improve a codebase and structure your code L02. Learn advanced Sass techniques for creating a responsive, browser-friendly website L03. Learn how to apply React components in web applications L04. Build a complete Single-Page Application with robust architecture. Content Covered Sass introduction Installation and setup Sass variables and nesting rules @import, @mixin, @extend Sass Functions Sass Interpolation For Loop/ Each Loop If Directive Setting up a Web design Introduction to React.js React Components JSX and DOM JS Web APIs React routers Web applications React Routers, Events, Lifestyle Methods, Context APIs and Hooks JWT Tokens for logins and protected routes
Web Development Servers
This module examines the methods and ways to construct a Django full-stack project. We will cover the critical aspects of Django, templates, views, URLs, user authentication, authorization, models, and deployment to build our websites using Django. This module inculcates extensive modifications to the Django Admin site to modify the Django Admin dashboard's design to integrate with the rest of the web project.This module also presented REST APIs and Django REST Framework (DRF). Students will discover the serialization of model instances, which is a vital step in sending data to the front-end side of Django applications. We will explore numerous API views, including functional and class-based forms. Learning Outcomes L01. Develop fully functional applications that can be used cross-platform L02. Learn to use the Django template system to interact with the database model L03. Build a Django administration site by implementing forms processing L04. Make a portfolio using Django development techniques. Content Covered Git- Version Control How to Create Django Views Configuring URLconf’s Django and REST APIs Unit Texting with Django Database Models Using Django Admin Interface Access Control with Session and Users Generic Views Git- Version Control CI & CD using Git and Heroku TDD
Capstone Project
The purpose of this module is to discuss and explain the role of Full Stack Web Development in an organization and its influence on its overall performance and competence. Learners will be encouraged to pick a research/development project that displays their past learning in the Full Stack Web Development domain. In this project, learners will exhibit the abilities that they have gained in web application development by applying new knowledge to a real-life situation and utilizing that experience to produce an effective solution. The project offers a chance to reinforce full-stack competency to develop dynamic user experience, and learners will interact with GitHub activities to build, test, and publish web applications. Construct frontend pages, add user administration, implement actions for database activities, establish backend services, make connections with APIs, and launch CI/CD pipelines. This module helps learners increase their skills with JavaScript, Django, JSON, Python, and Databases to create a mechanism for controlling the containerized deployment of a Full stack web application Learning Outcomes LO1: Conduct independent research and development within the context of a Full Stack Web Development LO2: Produce detailed documentation to a standard expected of a professional in the field of Web Development LO3: Communicate technical information clearly and succinctly to a broad, non-specialist audience LO4: Articulate the properties of different web services by Building a real-world web application combining front-end and back-end technologies. Content Covered Clarifying the terms of the research Suggested areas of reading Apply the knowledge base and abilities taught throughout the course to a real world scenario Deploy your Django full-stack web application on the internet Identify the methodology or algorithm that will handle the proposed challenge Establishing a research timetable, including initial dates for further meetings between the student and supervisor Advising students about appropriate standards & conventions concerning the assessment. Providing means of contact in addition to tutorials Educate learners to research and write their results and thoughts correctly, clearly, logically, and to a high-professional degree.
