Nothing Special   »   [go: up one dir, main page]
Scribd Logo
Upload

Welcome to Scribd!

  • 3 views

    19MIM10017

    Uploaded by

    Anant Pandey
    assign pitching is great

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd

    19MIM10017

    Uploaded by

    Anant Pandey
    3 views14 pages
    assign pitching is great

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    assign pitching is great

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Download as pptx, pdf, or txt
    3 views14 pages

    19MIM10017

    Uploaded by

    Anant Pandey
    assign pitching is great

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Download as pptx, pdf, or txt
    of 14

    INTERNSHIP

    PRESENTATION

    Name- Budamagunta Lakshmi Sahithi


    Registration Number-19MIM10017
    External Supervisor- Dr. Komarasamy G
    Associate Professor(Grade-2)
    ABOUT THE INTERNSHIP
    Title- Full Stack Web Development Internship
    Name of the Company- Business Web Solutions, Delhi
    Duration-6th February 2023 - 6th April,2023
    INTRODUCTION
    ● Full stack web development has gained popularity due to its
    comprehensive approach to building websites and web applications.
    It involves designing, building, and deploying a website or web
    application from start to finish, requiring a strong understanding of
    both front-end and back-end technologies.

    ● Front-end: Developers work with HTML, CSS, and JavaScript to


    create visual elements, design layouts, implement responsive design,
    and create interactive user interfaces.

    ● Back-end: Developers work with server-side technologies like


    databases, APIs, and server-side languages (e.g., PHP, Python,
    Node.js). This involves creating server-side applications, managing
    data, and handling security and authentication.
    SYSTEM ARCHITECTURE
    1. Front-end Architecture:
    1. User Interface (UI): This layer is responsible for creating the visual representation of the web application, including the
    layout, design, and user interactions. Common technologies used in the front-end include HTML, CSS, and JavaScript.
    2. Client-Side Logic: This layer is responsible for processing user input and managing client-side interactions, such as form
    validation, user authentication, and page transitions. It typically involves the use of JavaScript frameworks such as Angular,
    React, or Vue.js.
    3. API Integration: This layer is responsible for connecting the front-end with the back-end through APIs (Application
    Programming Interfaces) and exchanging data between them.

    2. Back-end Architecture:

    1. Server-Side Logic: This layer is responsible for handling server-side logic, such as processing user requests, managing
    databases, and generating dynamic content. It typically involves the use of server-side programming languages such as PHP,
    Python, Ruby, or Java.
    2. Database: This layer is responsible for storing and managing data used by the web application. It typically involves the use
    of relational databases such as MySQL or PostgreSQL, or NoSQL databases such as MongoDB or Cassandra.
    3. Server Infrastructure: This layer is responsible for managing the server infrastructure,
    including the web server, application server, and other services required to run the web application.
    It may involve the use of technologies such as Apache, Nginx, Docker, or Kubernetes.
    COMPONENTS USED DURING INTERNSHIP

    Front-end technologies:
    1. HTML: HTML is used to create the structure and content of web pages. It defines the elements and their
    layout within a webpage.
    2. CSS: CSS is used to control the visual style and layout of web pages. It allows you to apply styles such as
    colors, fonts, and positioning to HTML elements.
    3. JavaScript: JavaScript adds interactivity and dynamic functionality to web pages. It enables features like form
    validation, animations.

    Front-end frameworks:
    1. Bootstrap: Bootstrap is a popular CSS framework that provides pre-built responsive components and a grid
    system. It helps in creating visually appealing and mobile-friendly web interfaces.
    2. React.js: React.js is a JavaScript library for building user interfaces. It allows you to create reusable UI
    components and efficiently manage the state of your application.
    Back-end technologies:
    1. Python: Python is a versatile programming language used for back-end development. It offers a wide range of
    libraries and frameworks that facilitate web development.
    2. Django: Django is a high-level Python web framework that simplifies the development of complex web
    applications. It provides features like URL routing, user authentication etc.

    Databases:
    1. SQL: Structured Query Language (SQL) is used to communicate with relational databases. It allows you to
    create, modify, and retrieve data from databases.

    APIs:
    1. REST API: REST (Representational State Transfer) is an architectural style for designing networked
    applications. RESTful APIs use HTTP methods (GET, POST, PUT, DELETE) to perform CRUD (Create, Read,
    Update, Delete) operations on resources.
    INTERACTIVE WEB PAGES CREATED AS PART OF THE PROJECTS

    Basic web page Replication of a web page


    An interactive web
    page
    BENEFITS OF THE INTERNSHIP

    After completing my full stack web development internship as a beginner, I have experienced several
    benefits that I believe can significantly contribute to my professional growth. Here are the advantages I
    have personally gained:

    1. Practical Experience: The internship provided me with hands-on experience in full stack web
    development. This practical experience solidified my understanding of concepts and technologies.

    2. Confidence and Skill Development: Through the internship, I was able to apply what I learned. This
    practical experience boosted my confidence in my abilities. I developed and refined my technical skills,
    problem-solving abilities, and familiarity with industry best practices.

    3. Understanding of the Development Process: The internship has provided me with a comprehensive
    understanding of the web development process. I am now familiar with project management, version
    control, collaboration tools, and working within a development team. This knowledge prepares me for
    future roles in web development and helps me seamlessly integrate into professional environments.
    CONCLUSION

    ● The internship cum training in full stack web development provided by Business Web Solutions offered a
    comprehensive understanding of both front-end and back-end development. It covered essential programming
    languages, frameworks, and technologies, including HTML, CSS, JavaScript, React, Python, Django, REST, SQL.
    Through hands-on projects, I gained practical experience and honed my problem-solving skills.
    ● I had the opportunity to work on hands-on projects, which allowed me to apply the concepts learned and gain
    practical experience. These projects included replicating web pages, building interactive web pages etc. By
    working on these projects, I honed my problem solving skills and gained insights into the best practices of web
    development.
    ● The internship emphasized industry standards and practices, including version control systems like Git.
    Personalized attention and guidance from an instructor accelerated my progress. Overall, the internship equipped
    me with a comprehensive skill set, practical experience, and industry knowledge to excel as a web developer,
    preparing me for future opportunities in the field.
    REFERENCES

    ● https://www.w3schools.com/w3css/defaulT.asp
    ● https://github.com/AllThingsSmitty/css-protips?utm_source=mybridge&utm_medium=blog&utm_campaign=read_mo
    re
    ● https://cssreference.io/
    ● https://codeburst.io/javascript-for-beginners-a-new-series-22762d8e5c42
    ● https://stackoverflow.com/
    https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_gettin
    g_started
    ● https://www.webfx.com/web-design/learn/how-to-make-website-more-interactive/
    ● https://docs.djangoproject.com/en/4.2/
    ● https://getbootstrap.com/docs/5.2/getting-started/introduction/
    THANK YOU

    You might also like