Complete web development course – Tru Learning Academy

Current Status

Price

Free

Get Started

Log In to Enroll

Average Review Score:

★★★★★

Best Course for Beginners

By Ajinkya Dhadave on January 21, 2025 at 2:40 pm

★★★★★

This course is best for mastering web development. It provides a solid foundation in frontend and backend technologies, including frameworks like React, nextjs etc. and tools like Git and REST APIs.

You must log in and have started this course to submit a review.

Course Content

Lesson Content

0% Complete 0/6 Steps

1. Course Introduction – Roadmap

2. Meet your Instructor – Hitesh

3. Lets talk about AI hype

4. Jobs salary range and skills

5. What tools you need for web development

6. How to setup your code editor

Lesson Content

0% Complete 0/1 Steps

7. Download course files

Lesson Content

0% Complete 0/3 Steps

8. How does the internet works

9. A big picture of web application

10. Frontend backend and APIs

Lesson Content

0% Complete 0/5 Steps

11. What is HTML

12. Emmet, headings and block vs inline

13. Tables and forms in HTML

14. Building a semantic HTML page

15. MultiMedia and ARIA in HTML

Lesson Content

0% Complete 0/11 Steps

Coding Exercise 1: Create a Simple Heading

Coding Exercise 2: Create a Paragraph with a Link

Coding Exercise 3: Create a Tooltip on Hover

Coding Exercise 4: Create a Button

Coding Exercise 5: Create an Unordered List

Coding Exercise 6: Create a Simple Table

Coding Exercise 7: Create a Form with Input Fields

Coding Exercise 8: Create a Form with a Dropdown Menu

Coding Exercise 9: Create an Image with Alt Text

Coding Exercise 10: Create a Hyperlink that Opens in a New Tab

Coding Exercise 11: Create a Progress Bar

Lesson Content

0% Complete 0/16 Steps

16. The current state of CSS

17. You can write css at 3 places

18. Building a web project – Login page

19. Masterclass on CSS selectors

20. Box model, inline and block elements

21. Navbar project with Pseudo element

22. Twitter style navbar in CSS

23. Dropdown navbars and positions

24. Build a custom coming soon template Project

25. Flexbox Masterclass

26. Meet grid layout in CSS – You will love it

27. Grid Masterclass

28. Assignment to build cards from codepen

29. Breakpoints for mobile tablet and web

30. Hands on Bootstrap integration

31. Assignment – Build a complete page with this design

Lesson Content

0% Complete 0/10 Steps

Coding Exercise 12: Change Text Color

Coding Exercise 13: Style a Button

Coding Exercise 14: Add a Dashed Border with Border Radius

Coding Exercise 15: Styling Text with Font Properties

Coding Exercise 16: Create a Box with Padding and Margin

Coding Exercise 17: Create a Circle Using Border Radius

Coding Exercise 18: Add a Box Shadow to an Element

Coding Exercise 19: Positions In CSS

Coding Exercise 20: Create a Responsive Flexbox Layout

Coding Exercise 21: Create a 3×3 Grid Layout

Lesson Content

0% Complete 0/5 Steps

32. Tailwind setup with CDN and NodeJS

33. Production ready login screen project

34. Full potential of tailwind css

35. How to build responsive design in tailwind

36. Build any layout with Tailwind – Masterclass

Lesson Content

0% Complete 0/8 Steps

Coding Exercise 22: Style A Button with Tailwind CSS

Coding Exercise 23: Center a Div Using Flexbox

Coding Exercise 24: Create a Basic Grid Layout

Coding Exercise 25: Apply Box Shadow to a Card Using Tailwind CSS

Coding Exercise 26: Create a Donut Shape Using Tailwind CSS

Coding Exercise 27: Add Blur Effect to an Image

Coding Exercise 28: Create a Gradient Colored Button Using Tailwind CSS

Coding Exercise 29: Create a Rotating Square Box Using Tailwind CSS

Lesson Content

0% Complete 0/13 Steps

37. Javascript story – from console to v8 engine

38. How javascript executes the code – Behind the scene

39. Datatypes, variables and constants in Javascript

40. Operations in javascript

41. Primitives in javascript

42. Non Primitives in javascript

43. Five challenges on conditions in javascript

44. Facing ten challenges in Array and methods

45. Introduction to loops in javascript

46. Defeat 6 loop challenges in Javascript

47. Ten loop challenges to learn all kind of loops in javascript

48. Function, arrow function, THIS and context in javascript

49. Higher order function and nested functions in javascript

Lesson Content

0% Complete 0/6 Steps

Coding Exercise 30: Playing with Types

Coding Exercise 31: Playing with Variables

Coding Exercise 32: Arrays and Methods

Coding Exercise 33: Loops

Coding Exercise 34: Higher-Order Functions and Arrow Functions

Coding Exercise 35: Nested Functions and Context

Lesson Content

0% Complete 0/4 Steps

50. A masterclass on prototypes in javascript

51. Functional constructor and Errors

52. Classes Objects and inheritance in javascript

53. Encapsulation, Polymorphism, Abstraction and getters setters

Lesson Content

0% Complete 0/4 Steps

Coding Exercise 36: Prototypes in JavaScript

Coding Exercise 37: Functional Constructor and Errors

Coding Exercise 38: Classes, Objects, and Inheritance

Coding Exercise 39: Encapsulation, Polymorphism, Abstraction, and Getters/Setters

Lesson Content

0% Complete 0/3 Steps

54. DOM and BOM basics in javascript

55. Solving 5 challenges of DOM

56. DOM finale with 5 more challenges

Lesson Content

0% Complete 0/8 Steps

57. Asynchronous Javascript with event loop

58. Closures in javascript

59. Promises and promise chaining

60. Prototypal Inheritance in javascript

61. THIS and binding context

62. Aync-await and Promise all

63. Iterator and generators in javascript

64. ES6 Modules and CommonJS

Lesson Content

0% Complete 0/6 Steps

Coding Exercise 40: Asynchronous JavaScript with Event Loop

Coding Exercise 41: Closures in JavaScript

Coding Exercise 42: Prototypal Inheritance in JavaScript

Coding Exercise 43: THIS and Binding Context

Coding Exercise 44: Async-Await and Promise.all

Coding Exercise 45: Iterators and Generators in JavaScript

Lesson Content

0% Complete 0/13 Steps

65. Demo of project 1 – Todo with local Storage

66. Add a task in array

67. Handling local storage and DOM event

68. Event bubbling and CRUD operations

69. Demo of API handling project

70. Handle any type of API in your code

71. Demo of Project 3 Ecommerce app

72. Building ecommerce cart page

73. Project 3 assignment

74. Demo of project 4 Expense Tracker

75. Expense tracker with localstorage and event deligation

76. Demo of project 5 – quiz application

77. Building a complete quiz app

Lesson Content

0% Complete 0/9 Steps

78. Introduction to GIT series

79. Git init and hidden folder

80. Git commits and logs

81. Git internal working and configs

82. Git merge and git conflicts

83. Git Diff and stashing

84. Git rebase is not that scary

85. Insight of pushing code to github

86. How to make Pull Request and Open Source contribution

Lesson Content

0% Complete 0/4 Steps

87. Backend – NodeJS LibUV and source code

88. Handling files in Nodejs as Project

89. Build your own Nginx server with NodeJS

90. Event Driven Architecture – Build your own logger

Lesson Content

0% Complete 0/3 Steps

91. Introduction to databases

92. SQL vs NOSQL Databases

93. A Quick tour of MongoDB

1 of 2