Kickstart your React JS
Developer Career

We present you an opportunity to learn and level up your knowledge of React JS . Come and join us on this journey to master the most popular JavaScript library for front-end development.

About
Us

We are passionate about teaching and we believe in the teaching style of of breaking down complex concepts into simple comprehensive units. We are working professionals. If you like to learn more about our career journey, please read our profile cards.

profile

Pradeep K.S

Senior Frontend Developer

  • 10+ years of web-dev experience.
  • Proficient in HTML, CSS and JavaScript.
  • Remarkable teaching skills.
  • Web tech Youtuber
profile

Jinson Abraham

Senior Frontend Developer

  • 13+ years of web-dev experience.
  • Experienced in HTML,CSS,JS and ReactJS, NextJS.
  • Loves to teach.
  • Web tech Youtuber.

Course
Details

React JS is the most popular JavaScript front-end development library out there now. Developers around the world use ReactJS for building data-driven interfaces, interactive components, and single-page or complex web applications. Learning this amazing library greatly improves your career prospects and opens up a whole lot of opportunities for you.

We designed this course to start from the very basics of ReactJS and progress through building an interactive application. We shall cover all major concepts in React through this learning/development process. By the end of the course, you will be confident enough to build a React JS application from the ground up.

Introduction to ReactJS

  • What is ReactJS?
  • Why do we use ReactJS, what problem does it solve?
  • DOM and Virtual DOM
  • React development environment ( NodeJS, Create React App, Vscode)
  • Project files and folder structure
  • Package.json and React Scripts

React Component architecture & JSX

  • Types of components ( Classical, Functional )
  • Component naming practices
  • Importing components
  • Component hierarchy
  • JSX intro
  • How JSX works behind the scene ( Babel, React.createElement method )
  • JSX syntax
  • Using JS expressions in JSX

Styling Components

  • Inline CSS
  • Regular CSS
  • CSS Module
  • CSS Libraries

React Props

  • What are props
  • Why props are used
  • Types of prop values
  • What is prop drilling
  • Destructuring props
  • Default props
  • Props spread syntax
  • Children and Key prop

Events, Conditional rendering, and Lists

  • Event naming
  • Using event handler functions
  • Event Handler functions with parameters
  • preventDefault method
  • Conditional rendering of elements

React State

  • What is state in ReactJS
  • State / Props difference
  • About useState hook
  • Sharing state between components, Lifting the state up
  • Handling forms in React components
  • Controlled components

Component Lifecycle

  • Lifecycle of component ( Mounting, Updating, Unmounting)
  • About useEffect hook
  • How to use the useEffect hook

Forms in React

  • Types of forms
  • Form elements
  • Form events

React Router

  • Introduction to react-router
  • Routes, Route, Link, router hooks

More React hooks and Custom hooks

  • useRef
  • useMemo
  • useCallback
  • Building custom hooks

HTTP methods, Global State management

  • Fetching data
  • Posting data
  • React context
  • useContext hook
  • useReducer hook

This is a Project Based course.
We will build one main project and several mini projects during the progress of this course.

Student
Testimonials

Few testimonials from our last batch students.

As a beginner I had only some basic knowledge ...through this course I could able to shape up my knowledge..Thank you so much Pradeep sir & Jinson sir

Maglin Xavier

Youtubil web designer class thiranj kondirukuna samayathanu web diary kandath. Athyam kuree english chanales oky kand noki awer cheyyunapolay class keatu chaithu.Onnum manasilayilla. Pineed ee classil join chaithathinu sheasham oru confidense kitty . Orupad karyangal padikkan patti. Javascript onum ariyillayirunu. Thanks for Pradeep sir and Jinson sir For your great effort

Ibrahim CK

യാതൊരു പ്രോഗ്രാമിങ് ബാക്ഗ്രൗണ്ടും ഇല്ലാതെ കോഡിങ്ങിനോടുള്ള താല്പര്യം കൊണ്ട് മാത്രം കോഡിങ് പഠിക്കാൻ ഇറങ്ങിയ ഒരാളാണ് ഞാൻ. കൊമേഴ്‌സ് ഗ്രാജുവേറ്റ് ആയ ഞാൻ വർക്ക് ചെയ്തിരുന്നത് ലോജിസ്റ്റിക്ക് ഫീൽഡിൽ ആയിരുന്നു. കോഡിങ് പഠിക്കണമെന്ന മോഹവുമായി ചെന്ന് കയറിയത് യൂ ട്യൂബിൽ പക്ഷെ അവിടെ പലരും നമ്മളെ പഠിപ്പിക്കുക എന്നതിനേക്കാൾ അവരുടെ സ്കിൽ നമ്മെ കാണിക്കാൻ ശ്രമിക്കുന്നതായിട്ടാണ് എനിക്ക് തോന്നിയത്. മാത്രമല്ല നമ്മുക്ക് സംശയങ്ങൾ ക്ലിയർ ചെയ്യാൻ ഒരു വഴിയുമില്ല. അപ്പോൾ ആണ് ഈ കോഴ്‌സിനെ കുറിച്ച് കണ്ടത്. വലിയ പ്രതീക്ഷയോടെ ഒന്നുമല്ല വന്നത് പക്ഷെ ജിൻസൺ സാർ ഞെട്ടിച്ചു കളഞ്ഞു. മിക്കവരും ഒരു മണിക്കൂർ ഒക്കെ ടൈം എന്ന് പറഞ്ഞാൽ അത് എങ്ങനെ എങ്കിലും തീർത്തു പോകാൻ ആയിരിക്കും ശ്രമിക്കുക പക്ഷെ സാർ എല്ലാവരെയും ഓരോന്നും കൃത്യമായി മനസിലാക്കിചിട്ടെ അടുത്ത സെക്ഷനിലേക്ക് പോകൂ. അതുകൊണ്ട് a to z കാര്യങ്ങൾ മനസിലാക്കാൻ കഴിയുന്നുണ്ട്. html & css ക്ലാസ് മിസ്സ് ആയതിൽ നല്ല വിഷമമുണ്ട് Thanks a ton Jinson Sir and Pradeep Sir.

Mahir V Ahmed

I was not at all confident in my coding before attending the basic HTML, CSS & JS course from Webdairy Academy. There was something lacking which held me back everyday... Now I am confident in what I am doing...Not worried while hearing the term "responsive design". And finally started loving Javascript

Sreenath

CSS class il aanu njan join cheythath, aadhyathe classil thanne enik manassilaay vere evide chenn padichaalum ingine oru knowelde namukk kittilla enn, oru base um illaatha enikkokke njangalude level arinjaanu pradeep sir padippichath, real life examples vechitt relate cheyth padippichathu kond thanne easy aayitt manassilakkan kazhinju, actually jinson sir itta efforts🙏🏻 notes make cheyyanum, ooroo weekilum task, logic build cheyyanum okke njangale help cheythu, veruthe padippikkuka alla njangalk cheyyanulla ability undakki tharukayaanu ningal cheythath, enik orupaad improvement und thank you so much sir, ningalokke aanu teacher enn word arthavathaakkunnath, ithuvare njan kandathil vech aattavum super teachers ningalaanu, again thank you so much.

Fazeela

ശെരിക്കും അടച്ചു വെച്ച ഒരു അദ്ധ്യായം ആയിരുന്നു... കോഴ്സിൽ ജോയിൻ ചെയ്ത സമയത്തും ഇനിക്ക് അത്ര ഒരു കോൺഫിഡൻസ് ഒന്നും ഇല്ലായിരുന്നു, കാരണം കൊറേ ഓൺലൈൻ കോഴ്സ് ഒക്കെ നോക്കി പരാജയപെട്ടു നിൽക്കുന്ന സമയത്താണ് Web Diary യുടെ ഈ കോഴ്സ് കാണുന്നത് അതും കുറഞ്ഞ റേറ്റിൽ, ഇത്ര കുറഞ്ഞ റേറ്റിൽ ഒക്കെ കാര്യായി പഠിപ്പിക്കുമോ എന്നൊരു dbt ഉണ്ടായിരുന്നു... But, ക്ലാസിൽ പങ്കെടുത്തപ്പോ ശെരിക്കും അത്ഭുതപെട്ടു. ഇപ്പൊൾ ഒരു ജോബിന് അപ്ലൈ ചെയ്യാനുള്ള കോൺഫിഡൻസ് വരെ എത്തി നിൽകുന്നു.

Muhsin

Orupad js class YouTubil kandekilum manasinu satisfaction kittiyath webdairy class start cheythapozhanu. Actually enne kond ithonnum kazhiyilaa ennullaa attitude maariyath eee js class kazhijapol aanu .Pradeep sir and Jinson sir eduthaa effort cheruthonnumalla.Enne pole ulla oru alk manasilaakan pattanaa athraa simple aayitanu oro topicsum cover cheythath.

Jithin Raj

React js course YouTube noki nadanapo aanu njn unexpected ayi web diary kandathu.... Annu mudhal njn live videos sir nte irunu kanan tudangi... Doubts comment chyth choikn tudangi.... Very crystal clear class ayirunu.... Angna aanu njn pradeep sir nte course chythath... JavaScript mudhal aanu njn class nu join chytha..... Jinson sir ayirunu class..... Sir nte class irunapo mudhal aanu anik javascript il oru confidence vann tudangith.... Vera angum njn itrm dedicated ayit time nokathe padipikuna arem kandittila.... Thank you pradeep sir and Jinson sir...

Shaino Issac

BCA കഴിഞ്ഞിട്ടും ഒരിക്കലും എന്നെ കൊണ്ട് ചെയ്യുവാൻ കഴിയില്ല എന്ന് ഞാൻ വിശ്വസിച്ച കാര്യങ്ങളാണ് ഈ കോഴ്സിന് ചേർന്നതിനു ശേഷം ഞാൻ ചെയ്യുന്നത് . അത്രയും simple and clean ആയിട്ടാണ് പ്രദീപ് സാറും ജിൻസൺ സാറും ഈ കോഴ്സ് പൂർത്തിയാക്കിയത് . ഒരുപാട് ഒരുപാട് നന്ദിയുണ്ട് പ്രദീപ് സർ ആൻഡ് ജിൻസൺ സർ for a valuable teaching.

Amal

Students secured Placements

Sreenath KK

Sreenath KK

Software Engineer

Bangalore

Muhsin MK

Muhsin MK

React Developer

Kochi

Fazeela

Fazeela

React Developer

Virtusa - Bangalore

Amal Fahad VA

Amal Fahad VA

React Developer

Ernakulam

Shaino

React Developer

TCS - Bangalore

Azhar

React Developer

Infopark

Vishnu

React Developer

Kochi

Mahir

Web Developer

Kerala

Regina

Web Developer

Technopark, Trivandrum