The very basics of the connection from front end to the contracts and how they can be invoked from front end code would help me a lot.
Please share the code and basic steps also. And I am not using any IDE as of now.
Thanks in advance
Ethereum Stack Exchange is a question and answer site for users of Ethereum, the decentralized application platform and smart contract enabled blockchain. It only takes a minute to sign up.Sign up to join this community
It is not really clear what your understanding of "front-end" is.
In principle any web application that uses the web3.js framework can connect to a geth ethereum node that is running.
You can of course use RPC interface to connect to a running node, but I suspect this is not what you are looking for.
The easiest way to understand what is happening is to install Geth and install Mist.
Mist is an ethereum application that essentially uses the Web3 framework, that allows you to view and create contracts on the public network, the test network, and for the more experienced person their own private networks.
It does this because it can connect automatically to a running geth instance on your local computer, (so whichever it is it will connect toit) or else you can just start it up and if you didn't explicitly start geth it will start that up for you.
Here you got a simple tutorial: http://hypernephelist.com/2016/06/21/a-simple-smart-contract-ui-web3.html