Skip to main content

Creating Login Page using Some of Javascript Framework

Introduction

status : inprogress

So this writing intent to create notes for myself or other that looking to learn about frontend javascript framework. Also to utilize this frontend I'm gonna use some popular stylesheet. 

This writing also meant to make me re-learn again if I didn't touch any of frontend job.

With so many framework out there I will try to use the popular first then do the rest. ReactJS, VueJS, and Angular is a must with Bootstrap, Material, and Tailwind.

I will also going to explore some of mobile code in React Native and Flutter.

I have to find a good css/stylesheet to be use in the code. so it will make comparing code much more simple.

ReactJS

for reactjs you can always start from their main site
  1. https://reactjs.org/docs/getting-started.html
  2. or more advanced, maybe simplified https://create-react-app.dev/docs/getting-started
  3. learn from existing project on github or just go to https://reactjsexample.com/
  4. see free sample from creative-tim https://www.creative-tim.com/templates/react-free. they also have github page so it would be good learning material
  5. don't forget to learn testing with jest as the main site said https://reactjs.org/docs/testing.html
  6. play around in stackblitz or other that can host code along with result

Advanced Reactjs

learn more
  1. typescript
  2. react redux https://react-redux.js.org/introduction/getting-started

Comments

Popular posts from this blog

JavaScript Real Time Calculation

I've been around looking for javascript that can do Real Time Calculation. javascript real time calculation, javascript real time calculation textbox. by some lucky keywords i found this code. this is exactly the code that i want. it really do the real time calculation. and it doesn't need onChange or OnBlur function. Just try it Example + = this is the javascript code <script type='text/javascript' > function startCalc(){   interval = setInterval("calc()",1); } function calc(){   one = document.autoSumForm.firstBox.value;   two = document.autoSumForm.secondBox.value;   document.autoSumForm.thirdBox.value = (one * 1) + (two * 1); } function stopCalc(){   clearInterval(interval); } </script> this is the html code <form name="autoSumForm">   <input class="right" type=text name="firstBox" value="" onFocus="startCalc();" onBlur="stopCalc();"><br...

BlackBerry ListField Tutorial Part 2

Blackberry ListField with Clicked Row this time i create based on rtm4bb code. it used manager as TableRowManager to create the field for each row. first i create MenuListField.java

MySQL and Java Developer's Guide

Now we begin the second book and thats called MySQL and Java Developer's Guide. Book before this is quiet advance for beginner but still for beginner. And i notice that previous book had only 4 chapter. Ill read that book again. Okay Lets start. This book consist MySQL and Java plus Connector/J that connect Java to MySQL. This book is perfect for beginner but not beginner in programming. I think that this book is a hardcore book. Everything they wrote even if they use GUI Object like form and button they only use a "Notepad" or should i say "Text Editor". i really love this book. From this book you need to install three things to make the code in the book work. a. Install mySql b. Install Java SDK @ http://java.sun.com/j2se/1.4.1/download.html. c. Installing Connector/J @mysql.com version 3.0 thats from the book. I use this : jdk-1_5_0_11-nb-5_5-win-ml.exe notice the nb-5_5 that means itll install netbeans 5.5. netbean 5.5 is IDE for jdk 1.5. its devel...