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>

Learning Odoo 13 Module Development and Review

USING ODOO 13 Introduction This writing supposed to be a cheat sheet for helping myself to learn about Odoo, Odoo Development and also anyone who want to read this.   Odoo already have a good documentation in their websites you can check it here https://www.odoo.com/documentation/13.0/ What you need Odoo source you can get the source from odoo.com or github https://www.odoo.com/page/download or https://github.com/odoo/odoo. Right now I'm using the  https://www.odoo.com/page/download  . I did using the github twice so I'm already familiar with it but now i want to explore something new and maybe we will find something. Python v3.6++ (intermediate level). https://www.python.org/downloads/windows/ You can learn some basic “web development with python” first if you still new at programming. Search with google. Postgresql https://www.postgresql.org/download/ I’m using win Os for development and Visual Studio Code for IDE What should you re

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