Professional Documents
Culture Documents
An On At: (External Project Guide) (Internal Project Guide)
An On At: (External Project Guide) (Internal Project Guide)
I hereby certify that the work which is being presented in this project report titled
“Frontend Web Development” in fulfillment of the requirement for the degree of
Bachelor of Technology and submitted to “J. C. Bose University of Science and
Technology, YMCA, Faridabad”, is an authentic record of my own work carried out
under the supervision of Mr. Saran Sant.
The work contained in this report has not been submitted to any other University
KRISHNA KUMAR
(18020004054)
ACKNOWLEDGEMENT
I am extremely thankful and pay my gratitude to the Head of Our Department, Dr.
Shishir Rastogi for his constant support and guidance. I would also like to extend my
gratitude to the CSE department and the respected teachers for giving me an
opportunity to work on engaging the problem statement.
I have taken efforts in this project. However, it would not have been possible without
the kind support and help of many individuals and organizations. I would like to extend
my sincere thanks to all of them.
I am highly indebted to (Tekie Kiwhode Learning Pvt. Ltd.) for their guidance and
constant supervision as well as for providing necessary information regarding the
KRISHNA KUMAR
(18020004054)
TABLE OF CONTENTS
Page No.
Training Completion Certificate 2
Declaration 3
Acknowledgement 4
Chapter 02 INTRODUCTION
Chapter 03 DESIGN
4.1 HTML 21
4.2 CSS 23
4.3 JAVASCRIPT 24
5.1 Home 27
Chapter 06 TESTING 31
COMPANY PROFILE
COMPANY PROFILE
Tekie kiwhode Learning Pvt. Ltd. is one of the best online coding Platform with
headquarters in Bangalore Established in 2017, our professional IT Training and
Development center has been employing experts in this field to impart professional
education to trainees. We offer well-structured complete professional training in various
Programming Languages, Graphics & Multimedia, Web Designing as well as
Development Training that is based upon the current recruitment needs in the IT
market.
We offer time, skill and competency courses for the trainees with specified areas
of interest and proficiency and design the training curriculum as per your demand
and necessary.
We are a team of well qualified technicians who have rich experience of web developer
/ digitization products and software, their integration to provide comprehensive
solutions to the industries starting from raw materials to finished goods through
different sections. To summarize, Tekie is a complete learning institute that not only
provides training on
various IT courses but also prepares students to smartly handle the real working
environment.
1
We understand the business needs of our customers and foster seamless
information exchange and best practices.
Tekie is a live coding platform for kids that uses the power of storytelling, to make
learning to code a movie-like experience. The company has built the world’s first
animated series on coding that guides students through a cinematic journey where
they solve problems and challenges using coding concepts like variables & strings,
loops and data structure. Tekie teaches Text-based Coding, which involves actual
coding language syntax rather than basic drag and drop functions provided by
competitors.
Teki’s Text-Based Coding curriculum ensures that students write actual code during
the program, giving them a distinct advantage and deeper knowledge of the
subject. Tekie has been garnering attention from all sides because of its long-format
animated educational series which consists of 45 episodes that teach the basics of
programming. The super intuitive coding platform has an inbuilt code simulator,
workbooks, projects, and a mentor to clarify all the doubts on the go and to help
students analyse algorithms. Tekie currently has more than 12000 students enrolled
on the platform.
Tekie is planning to expand the offerings in other markets like the US, Canada, and
2
the UK after successfully establishing a presence in India and the company has
grown from just seven employees to 50+ employees.
Company Website:
Tekie
3
Chapter 02
INTRODUCTION
Visual Studio Code combines the simplicity of a source code editor with powerful
developer tooling, like IntelliSense code completion and debugging.
First and foremost, it is an editor that gets out of your way. The delightfully frictionless
edit-build-debug cycle means less time fiddling with your environment, and more time
executing on your ideas.
2.1.2 GITHUB:
At a high level, GitHub is a website and cloud-based service that helps developers store
and manage their code, as well as track and control changes to their code. To
understand exactly what GitHub is, you need to know two connected principles:
● Version control
● Git
4
2.2 TECHNOLOGIES USED:
1. Website
a. User
i. JavaScript
ii. Bootstrap
iii. jQuery
5
2.3.1 JavaScript
bet that JavaScript is probably involved. It is the third layer of the layer cake of
standard web technology, two of which (HTML and CSS) we have covered in
6
2.3.2 Features of JavaScript
JavaScript is one of the most popular languages which includes numerous features
when it comes to web development. It's amongst the top programming languages as
per Github and we must know the features of JavaScript properly to understand what
it is capable of.
2. Dynamic Typing
JavaScript supports dynamic typing which means types of the variable are defined
based on the stored value. For example, if you declare a variable x then you can store
either a string or a Number type value or an array or an object. This is known as
dynamic typing.
Starting from ES6, the concept of class and OOPs has been more refined. Also, in
JavaScript, two important principles with OOP in JavaScript are Object Creation
7
patterns (Encapsulation) and Code Reuse patterns (Inheritance). Although
JavaScript developers rarely
use this feature but its there for everyone to explore.
4. Functional Style
5. Platform Independent
6. Prototype-based Language
8
Chapter 03
DESIGN
Gamer:
● Input Manager
● Script
● Renders
Every quiz app or frontend static website must has a menu so is can be user friendly
enough and healthy users can easily fulfill their need . Menu is also an important thing
while creating the SRS document section . In this SRS document part ; we have used
the menu snapshots in the user manual part . These snapshots are based on the
menu of the game .
Users of the product must possess a minimal level . Users must know how to access
the functionality of this system and get benefited .
9
10
CHAPTER O4
STATE MANAGEMENT
To Manage this Project we use HTML, CSS, JAVASCRIPT .., Which are very simple
effective tools to manage our Global State on a websites.
HTML stands for Hyper Text Markup Language. It is used to design web pages using
a markup language. HTML is the combination of Hypertext and Markup language.
Hypertext defines the link between the web pages. A markup language is used to
define the text document within tag which defines the structure of web pages.
11
This language is used to annotate (make notes for the computer) text so that a
machine can understand it and manipulate text accordingly. Most markup
language (e.g: HTML) are human-readable. The language uses tags to define
what manipulation has to be done on the text. HTML is a markup language used
by the browser to manipulate text, images, add other contents, in order to display
it in the required format. HTML was created by Tim BernersLee in 1991. The
first-ever version of HTML was HTML 1.0, but the first standard version was
HTML 2.0, published.
12
4.2 Cascading Style Sheets(Css)
CSS Stands for Cascading Style Sheet, it is a style sheet language used to shape the
HTML elements that will be displayed in the browsers as a webpage. Without using
13
CSS, the website which has been created by using HTML, will look dull. Basically
CSS gives the outer cover on aby HTML elements. If you consider HTML as a
skeleton of the webpage then the css will be the skin of skeleton. The internet media
type (MIME type) of CSS in text/CSS. The CSS was developed by the World Wide
Consortium (W3C) in the year of 1996. The CSS can be applied to HTML documents
in different ways. Why Use CSS? CSS is used to define styles for your web pages,
including the design, layout and variations in display for different devices and screen
sizes.
4.3 Javascript:
14
15
CHAPTER 05
WEBSITE UI IN PROJECT
5.1 HOME:
16
5.2 USER EXPERIENCE(UX):
To avoid unnecessary product features , simplifying design documentation and
customer - facing technical public at , Incorporating business and marketing goals UX
design is must .
17
5.3USER GALLERY
18
19
5.4 USER CHARACTERISTICS FOR THE SYSTEM:
There is only one user at a time in this software and the user interacts with the game (
system ) in different manner . So , Gamer is the only one who communicates with the
system through playing the game . And this gamer can be any person . The primary
requirement is that , the gamer must read the playing procedure provided by us (
developers ) .
20
CHAPTER 06
TESTING
Once source code has been generated, website must be tested to uncover as many
errors as possible before booking to the client. Which is very important to work the
system successfully and achieve high quality of website.
Testing includes designing a series of test cases that have a high likelihood of finding
errors by applying website-testing techniques.
Website testing is a critical component of the software engineering process. It is an
element of software quality assurance (SQA).
System testing makes logical assumptions that if all the parts of the system are
correct, the goal will be successfully achieved. The system should be checked
logically. Validations and cross checks should be there. Avoid duplications of records
that cause redundancy of data.
21
CHAPTER 07
FUTURE WORK
Scope :-
22
CHAPTER 08
REFERENCES
● HTML
W3 Schools
● STACK OVERFLOW
Stack Overflow
● JAVASCRIPT
w3 schools
● CSS
w3Schools
23
CHAPTER 09
STUDENT PROFILE
SKILLS:
24
25
26