Internship

BROCHURE
28 Days Web Development
Internship Training 2024

4 Week Frontend
Bootcamp | 2024

Organised By: Starting Date End Date

SoftEXedge March 21 , 2024 Apr 17, 2024

SoftExedge | +91 74837 65428 | [email protected]

You don't have to be
G
Great to start, but you
have to Start to be
great. Zig Ziglar

Internship Brochure 2
 About The Bootcamp
Embark on a transformative journey with our 4-Week Intensive
Web Development Bootcamp, meticulously designed for
aspiring developers and tech enthusiasts. This comprehensive
program delves into the core of web development, offering an
immersive experience in the latest technologies and best
practices.

From the very first day, you'll be immersed in an engaging

learning environment that balances theoretical knowledge with
practical application. Our curriculum is tailored to mirror the
rapidly evolving tech landscape, ensuring you gain the most
relevant and up-to-date skills. Whether you're a beginner or
looking to upgrade your skills, this bootcamp is structured to
provide a thorough understanding of web development, from
fundamental concepts to advanced techniques, in a short and
intensive format.

[ Elevate your tech career in

just 4 weeks - dive into the
dynamic world of web
development with our
expert-led Bootcamp,
mastering everything from
Master web development in 4 weeks with our intensive
HTML to React. ]
Bootcamp, covering HTML, CSS, JavaScript, and React
through expert-led, practical training.

3 Internship Brochure
 Benifits of the Internship

Project Portfolio Internship Learning and Market

Development Certification Readiness

Wrk on real-world software Completion of the internship Interns acquire hands-on

projects, enhancing their is acknowledged with a skills, preparing them for
resumes with tangible, certificate, signifying skill entry-level positions in
impressive project growth in software the tech sector.
experience. development.

01 02 03

Community SoftEXedge
Engagement Membership

Interns gain access to a Participation in the program

community for discussions offers an opportunity to join
and collaborative learning, SoftEXedge, connecting
enhancing their problem- with a professional network
solving skills. and gaining industry
insights.

04 05

4 Internship Brochure
Certificate Sample
COURSE
CONTENTS

01
HTML & CSS FUNDAMENTALS
Web Fundamentals and HTML Day 1
Introduction to CSS and Selectors Day 2
CSS Box Model and Units Day 3
CSS Positioning & Effects Day 4

Week
Flexbox and Layout Techniques Day 5
Responsive Design and Media Queries Day 6
Advanced CSS Concepts Day 7

JAVASCRIPT FUNDAMENTALS

02
Introduction to JavaScript Day 1

Basic JavaScript Functions & Operators Day 2

Decision Making in JavaScript Day 3

Reference Data Types in JavaScript Day 4

Week
JavaScript Loops, Functions, and Execution Concepts Day 5

Advanced JavaScript Concepts Day 6

ES6 Features and Loops Day 7

03
DOM & ADVANCED JAVASCRIPT
Introduction to DOM Day 1
Advanced DOM Operations Day 2
Creating & Managing DOM Elements Day 3
Introduction to JavaScript Events Day 4
Diverse Event Handling Day 5

Week Event Flow & Delegation

Advanced Event Handling
Day 6
Day 7

04
REACT ECOSYSTEM OVERVIEW
Introduction to React and Key Concepts Day 1

React State Management and Styling Day 2

Building Countries API Project Day 3

Enhancing and Deploying the Countries Project Day 4

Developing an Expense Tracker Project

Advanced React Features
Day 5
Day 6
Week
Final Project Execution Day 7
Week 1 :
HTML & CSS
Fundamentals
Kickstart your journey in web development with a
solid foundation in Week 1. Learn the essentials of
web structure and design, setting the groundwork
for advanced topics ahead.

21/03/2024 Introduction to Web Basics

Delve into the intricacies of the Internet, learning about its architecture, how web
pages are served and displayed, and the essential role of browsers and servers in
web functionality.

HTML Fundamentals
Master the basics of HTML, the primary language for creating web content. This
includes understanding different types of elements (inline vs block), the importance
of semantic tags for SEO and accessibility, and the role of forms in user interaction.

Introduction to CSS
Explore the world of CSS and its capability to transform the visual appeal of web
pages. Gain insights into various methods of writing CSS, the art of selecting
elements (class, ID, tag, and pseudo-selectors), and the foundational concepts of
cascade, specificity, and inheritance in styling.

27/03/2024 Combining HTML & CSS

Put your HTML and CSS skills to practice by creating basic web pages. Learn how
HTML structures the content and CSS enhances its appearance, preparing you for
more complex web design tasks ahead.

Internship Brochure 07
Week 2 :
JavaScript
Fundamentals
Week 2 delves into the intricate world of JavaScript,
focusing on its core concepts and functionalities.
This week is essential for understanding how
JavaScript enhances web pages, making them
interactive and dynamic.

28/03/2024 JavaScript Fundamentals

Start with JavaScript's history, write your first code, explore REPL, and understand
DevTools. Grasp the basics like data types, variables (let, const, var), and controlling
code execution, laying the groundwork for advanced topics.

Dialogue Boxes and String Operations

Learn about dialogue boxes for user interactions, dive into string methods, template
literals, and the Math object. Understand the nuances of truthy and falsy values,
and the use of various operators for complex logic.

Decision Making and Data Structures

Explore decision-making processes in JavaScript and the difference between
statements and expressions. Understand non-primitive data types like objects and
arrays, and the concept of deep vs. shallow copy.

3/04/2024 Loops, Functions, and Advanced Concepts

Explore JavaScript fundamentals: loops, functions, execution context, and hoisting.
Learn about scope, callbacks, event loops, closures, and ES6 features like arrow
functions and spread/rest operators.

Internship Brochure 08
Week 3 :
DOM & Advanced
JavaScript
Week 3 is centered around the Document Object
Model (DOM), an essential aspect of JavaScript for
interacting with web pages. This week covers
everything from basic DOM operations to advanced
event handling techniques.

4/04/2024 Introduction to DOM and BOM

Begin with an overview of the Browser Object Model (BOM) and Document Object
Model (DOM). Learn to select elements and manipulate their content with
innerText, innerHTML, and textContent. Understand attribute manipulation and
styling elements with JavaScript.

DOM Element Manipulation

Understand the difference between elements and nodes, master cloning elements,
and explore appending methods (append vs appendChild). Learn to create new
element

Advanced Event Handling

Focus on JavaScript event listeners, managing form, keyboard, and mouse events.
Learn about event bubbling and capturing, event simulation, and the efficient
technique of event delegation.

10/04/2024 Traversing and Interacting with the DOM

Learn to traverse the DOM tree, accessing and manipulating elements based on
their hierarchical relationships. This skill is crucial for dynamic and responsive web
page manipulation.

Internship Brochure 09
Week 4 :
React Ecosystem
Overview
Week 4 introduces React, a powerful library for
building user interfaces. This week takes you from
React fundamentals to advanced concepts,
including building and deploying real-world projects.

8/04/2024 React Essentials

Begin with an introduction to React, exploring its importance, elements, and tools
like Babel and Parcel. Learn about React components, props, and handling images,
forming a solid foundation for dynamic UI development.

State Management and Interactivity

Focus on React's state management using the useState hook, event handling, and
conditional rendering. Learn about the differences between state and props and
how to style components using CSS Modules.

Project Development and Hooks

Develop a Countries API project, implementing search functionality and
understanding the useEffect hook. Delve into routing concepts and managing
multiple API calls.

17/04/2024 Advanced React and Project Deployment

Enhance your project with advanced features such as shimmer effects and theme
toggling. Learn about Context API, custom hooks, project deployment, and delve
into React DevTools, Tailwind integration, and code optimization.

Internship Brochure 10
 Transform Your
Web Skills Now!

Book Now

For Any Query:

Contact us : +91 74837 65428

Email us : [email protected]

Website : www.SoftExedge.in

11 Internship Brochure