This internship offers hands-on Real-time Project development and focusing on HTML, CSS, JavaScript, and JSON involves the following:
- Building the user interface and user experience of websites and web applications.
- Structuring web page content using HTML tags.
- Styling web pages to control layout, appearance, and responsiveness across different devices.
- Adding interactivity and dynamic functionality to web pages, handling user events, API Integration and manipulating the DOM.
- Working with data in JSON format for data exchange between the client and server.
Curriculum
- 4 Sections
- 23 Lessons
- 4 Weeks
Expand all sectionsCollapse all sections
- Milestone 1Basics of HTML, Css, Bootstrap6
- 1.1Day 1 -HTML – div, a, h1 to h6, p, img, table, span, ul, ol, li
- 1.2Day 2- CSS – Box-model (margin, padding), Layout(display, position, flex/grid, height, width), color, background, border, radius
- 1.3Day 3- Bootstrap
- 1.4Day 4 -Practice by creating a page with table and some dummy data
- 1.5Day 5 -Javascript – Variable declaration let/const, arrow fn, destructuring, promises, async/await, array(Filter, find, some, map, reduce etc) and string methods
- 1.6Day 6 -Status Update, Doubt clear session, Practiced code submission
- Milestone 2Basic to Advance Javascript and JSON5
- 2.1Day 1- Javascript – Pending items
- 2.2Day 2 -Find Fibbonacis serise, Find a specific word from a string, Find the biggest number from array, Sort an array, Flat an Array
- 2.3Day 3 – Create a responsive page, use javascript to do the animation
- 2.4Day 4- Create a responsive page, use javascript to do the animation. Create JSON data fetch those data in table format
- 2.5Day 5 – Status Update, Doubt clear session, Practiced code submission
- Milestone 3Project work6
- 3.1Day 1 – Create an Interactive web page, which will have sidebar and topbar. Topbar will have logo at left side and right side will have Aboutus, Contact us and signup/Login option. Sidebar will have Dashboard, Table View(edit and delete), Create user.
- 3.2Day 2 – If screensize reduce sidebar should collapse. Should compatible for mobile, tablet and laptop.
- 3.3Day 3 – Create few content for Aboutus and ContactUs
- 3.4Day 4 – Add table in Table view tab where columns are – SL No, Name, Gender, DOB, Mobile, EmailID, Course, Designated Action.
- 3.5Day 5 – In Create User Tab create need to create a form with submit button with all the input field like Name, Gender, DOB, Designation, and password(password should be encrypted format).
- 3.6Day 6 – Code Review
- Milestone 4Project work6
- 4.1Day1 -Project To Save the form Data create a JSON Object which can keep Data in it which can retrive, update, delete, create operation can perform(can create JSON DB locally or url as well) https://restful-api.dev/
- 4.2Day2 -Project(Design) Integration of API with in Create User and Table View tab
- 4.3Day3-Project Final Look Dashboard integrate a pie chart and bar-chart to Show course and student ratio
- 4.4Day4-Project Buffer time for enhancement if any
- 4.5Day5-Project Buffer time for enhancement if any
- 4.6Day6-Project Code Review
No comments yet! You be the first to comment.