Angular Js කියන්නේ cllient-side MVC/MVVM framework එකක් , මේක හැදුවේ google සමගම නිසා මේක ආපු දවසේ ඉදලම ගොඩක් famous උනා , Angular වලින් කරන්න පුළුවන් වැඩ ගොඩක් තියෙනවා, හැබැයි මේක ගොඩක්ම famous උනේ Single Page Web Applications හදන්න , එත් දැන් websites හදන්නත් මේක use කරනවා. ඒ වගේම තමයි මේ දවස්වල Angular Js base කරගෙන හදපු Ionic ( Hybrid Mobile Application ) development framework එක use කරනවා ගොඩක් mobile application හදන්නත් . Ionic වල තියෙන වාසිය තමයි HTML & CSS , Javascripts විතරක් use කරලා mobile app එකක් හදාගන්න පුළුවන් වෙන එක.

Angular Js install කරන්න ඔයාගේ computer එකේ node JS install කරලා තියෙන්න ඕනේ Angular CLI (Command Line Interface) එක ඕනේ Angular app එක create, test, build, deploy කරන්න, ඒ වගේම තමයි angular වල සමහර codes මේ CLI එක හරහා generate කරගනත් පුළුවන් .

Node Js install කරන විදිය

www.nodejs.org වලට ගිහින් තමන්ගේ platform එකට අදාලව nodejs download කරගෙන install කරගන්න. තව instruction official page එකේ තියෙනවා.

Angular install කරමු

Node JS install කරගත්තට පස්සේ install කරගන්න ඕනේ Angular CLI එක . ඔයාගේ computer එකේ command line / terminal එක open කරලා පල්ලෙහා තියෙන code එක run කරන්න

npm install -g @angular/cli

Angular app එක create කරමු

Angular Js install කරගත්තට පස්සේ ඔයාට project එක create කරන්න ඕනේ තැනට ගිහින් terminal එකේ, Angular CLI command එකෙන් workspace එකක් create කරගන්න ඕනේ, මේකේ my-app කියන්නේ ඔයාගේ app එකේ name එක .

cd desktop
ng new my-app

මේ ng new command එක run කරාම ඔයාගෙන් අහනවා app එකේ informations ටික , දැනට හැම එකටම enter press කරලා default තියන්න. පස්සේ මේ infomations වෙනස් කරගන්න පුළුවන් ඔයාට.

**Note : ng new command එකෙන් Angular npm packages සහ other dependencies install කරන නිසා app එක create වෙන්න ටිකක් වෙලා ගන්නවා.

Angular app එක run කරමු

ඔයාගේ Angular app name එකෙන් create උන folder එකට යන්න.

cd my-app

folder එකට ගියාට පස්සේ Angular CLI එකෙන් serve කරන්න පුළුවන් අපි හදාගත්ත angular app එක. angular serve එකෙන් start කරනවා local server එකක්, ඒ වගේම ඔයාගේ app එකේ හැම file එකක්ම watch කරනවා, මේකේ තියෙන තවත් වාසියක් තමා අපි මොකක් හරි change එකක් කරොත් file එකකට rebuild කරනවා automatically, (auto reload වෙනවා කියලත් මේකට කියනවා)

ng serve --open

angular serve උනාට පස්සේ automatically open වෙනවා app url (http://localhost:4200/) එක ඔයාගේ computer එකේ default web එකෙන් . එහෙම open උනේ නැත්නම් , angular serve එක ආපහු run කරන්න --open (or just -o) flag එකත් එක්ක .

පහල තියෙන image වගේ default app එකේ view එක ඔයාට බලාගන්න පුළුවන්.

next step එකේදී බලමු මේ app එක එඩිට් කරගන්න කොහොමද කියලා සහ angular app එකක් හදන්න දැනගන්න ඕනේ මොනාද කියලා (Controllers, Directives, Services, Factories, Filters) , angular documentation එකේ හැමදේම simple විදියට කියලා තියෙනවා , මම එක තව simple කරලා සිංහලෙන් දාන්නම් . ඉස්සරහටත් lankadeveloeprs.com එකතු වෙලා ඉන්න.

මේක simple start එකක් උනාට , ඔයාට පුළුවන් angular documentation එක refer කරලා advanced පැත්තටම යන්න, angular ගොඩක් ලේසි වගේම ලොකු community එකක් ඉන්න නිසා ඔයා මොකක් හරි දෙකදී හිර උනොත් හෙල්ප් කරන්න කට්ටිය ඉන්නවා.angular ගැන ප්‍රශ්න තියෙනවනම් මෙතන දාන්න , ලංකාවේ angular වැඩ කාරයෝ help කරයි.

Source : https://angular.io/guide/quickstart

php කියන්නේ ගොඩක් සරල language එකක් , ඉගනගන්නත් ගොඩක් ලේසි , ඒ වගේම තමා ලොකු community එකක් build up වෙලා තියෙනවා . 80% websites තාමත් තියෙන්නේ php (wordpress, magento, opencart, prestashop, joomla, mybb, vbulletin), faceboook එගොලොන්ගේම php version එකක් හදාගෙන තියෙනවා. php 5.3 ඉදලා 5.6 වෙනකම් ට්කක් slow update වීමක් තමා තිබ්බේ. php 7.0 ඉදලා ආයිත් කරලියට බැහැල කියන්න පුළුවන් දැන් නම්. php වල කිසිම වැරද්දක් මම දකින්නේ නැ, php වලටටත් ගොඩක් packages දැනටමත් හදලා තියෙන නිසා ගොඩක් ලේසියෙන් හැමදේම කරගන්න පුළුවන් , ඒ වගේම තමා php ගොඩක්ම famous කරේ Laravel framework එක . එච්චර ලේසියෙන් node Js වලවත් වැඩ කරන්න බැරුව ඇති . php හරියට use කරන්න දන්නේ නැති කට්ටිය තමා PHP වලට බනින්නේ . මම 7years php developers කෙනෙක් .මට කිසිම issue එකක් ඇවිල්ල නැ php එක්ක.

මේ site එක follow කරන්න ඕනේ හැම php developer කෙනෙක්ම, ආයිත් කවදාවත් php වලට බනින එකක් නැ

https://phptherightway.com/

Lanka Developers used markdown syntax for styling all topics and post replies on the lanakadevelopers.com.

What is Markdown?

Markdown is a way to style text on the web. You control the display of the document; formatting words as bold or italic, adding images, and creating lists are just a few of the things we can do with Markdown. Mostly, Markdown is just regular text with a few non-alphabetic characters thrown in, like # or *.

Headers

# This is an <h1> tag
## This is an <h2> tag
###### This is an <h6> tag

Emphasis

*This text will be italic*
_This will also be italic_

**This text will be bold**
__This will also be bold__

_You **can** combine them_

Lists (Unordered)

* Item 1
* Item 2
  * Item 2a
  * Item 2b

Lists (Ordered)

1. Item 1
1. Item 2
1. Item 3
   1. Item 3a
   1. Item 3b

Images

![Your Image Name](http://example.com/images/logo.png)
Format: ![Alt Text](url)

Links

https://lankadevelopers.com - automatic!
[Lanka Developers](https://lankadevelopers.com)

Blockquotes

As Steve job said:

> The only way to do great work is to love what you do.
> If you haven't found it yet, keep looking. Don't settle.

Inline code

I think you should use an
`<addr>` element here instead.

Syntax highlighting

```javascript
function fancyAlert(arg) {
  if(arg) {
    $.facebox({div:'#foo'}
  }
}

function fancyAlert(arg) {
   if(arg) {
      $.facebox({div:'#foo'})
   }
}

Here’s an example of Python code without syntax highlighting:

def foo():
    if not bar:
        return True

Task Lists

- [x] @mentions, #refs, [links](), **formatting**, and <del>tags</del> supported
- [x] list syntax required (any unordered or ordered list supported)
- [x] this is a complete item
- [ ] this is an incomplete item

Horizontal Rules

You can produce a horizontal rule tag (<hr />) by placing three or more hyphens, asterisks, or underscores on a line by themselves. If you wish, you may use spaces between the hyphens or asterisks. Each of the following lines will produce a horizontal rule:

* * *

***

*****

- - -

---------------------------------------

Tables

Markdown table syntax is quite simple. It does not allow row or cell spanning as well as putting multi-line text in a cell. The first row is always the header followed by an extra line with dashes "-" and optional colons ":" for forcing column alignment.

| Tables   |      Are      |  Cool |
|----------|:-------------:|------:|
| col 1 is |  left-aligned | $1600 |
| col 2 is |    centered   |   $12 |
| col 3 is | right-aligned |    $1 |

YouTube Videos

You cannot add directly but you can add an image with a link to the video like this:

[![IMAGE ALT TEXT HERE](http://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg)](http://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE)

Sample html form

<form action="form.php" method="POST">
          <div class="form-group">
            <input type="text" name="name" id="name" class="form-control" placeholder="Name">
          </div>

          <div class="form-group">
          <input type="email" name="email" id="email" class="form-control" placeholder="Email">
          </div>

          <button class="btn btn-primary" type="submit">Submit</button>
</form>

Add this on to your website footer

  <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>

The back end part

<?php
	$form_data = array();

	$form_data['name'] = $_POST['name'];
	$form_data['email'] = $_POST['email'];

	echo json_encode($form_data);
?>

This is the form submit through javascript with query ajax part

<script>
  $(document).ready(function() {
    $('form').submit(function(e) {
      e.preventDefault();
      var values = $(this).serialize();
      $.ajax({
        url: "form.php",
        type: "post",
        data: values ,
        success: function (res) {
          alert('Form submitted successfully...')
          console.log(res)
        },
        error: function(xhr, status, error) {
          console.log(xhr.responseText);
        }
      });
     //send second form request
    $.ajax({
      url: "form2.php",
      type: "post",
      data: values ,
      success: function (res) {
        alert('Form submitted successfully...')
        console.log(res)
      },
      error: function(xhr, status, error) {
        console.log(xhr.responseText);
      }
    });
    })
  });
</script>

We gonna release Lanka Developers t-Shirts to 10 winners as we committed in our promotional period and now you can reserve your one.

Buy Here

මම සම්පුර්ණ විස්තරයක් හදන ගමන් ඉන්නේ එකට ටිකක් වෙලා යයි , මේ දවස් වල පොඩ්ඩක් busy නිසා , දැනට මම කෙටියෙන් කියන්නම් .

Laravel ORM එක කියන්නේ පොඩි වත් SQL දැනුමක් නැතුව database එකත් එක්ක වැඩ කරන්න පුළුවන් ගොඩක් සරල SQL realtionship mapper එකක් , sql කියන්නේ relational database වලටනේ . ඒ වගේම තමයි Laravel වලත් relationships 6ක් තියෙනවා ඒ 6 use karala ඔයාට පුළුවන් sql වල කරන ඕනෑම දෙයක් කරන්න SQL query ගහන්නේ නැතුව.

One To One
මේ relationship එක තමා තියෙන basic ම එක . උදාහරණයක් විදියට Car කියන object එකට, එක Driver කෙනෙක් නෙ ඉන්න පුළුවන්

<?php
namespace App;
use Illuminate\Database\Eloquent\Model;

class Car extends Model {

  public function driver()
  {
    return $this->hasOne('App\Driver');
  }

}

උඩ code කරේ relationship define කරපු එක. දැන් බලමු කොහොමද access කරන්නේ කියලා relationship එක

$car = Car::find(1)->driver;

Car කියන Object එකේ "1st" car (table index id) එක find method එකෙන් access කරලා Car එකේ driver කියන relationship call කරන එක තමා මෙතන කරලා තියෙන්නේ දැන් තේරෙනවද අපි මෙතන කලින් define කරපු realationship එක කොහොමද access karanne කියලා . ගොඩක් simple මේ ORM එක .

ඉතුරැ relationship 6 මම ඉක්මනටම explain කරලා දාන්නම්

Source : https://laravel.com/docs/5.7/eloquent-relationships

මම plugin එකක් හැදුවා , බලන්න මේක ඔයාට සෙට් වෙනවද කියලා

Demo : https://ciaompe.com/demos/image-uploader/
Source : https://github.com/ciaompe/image-uploader

@varuna
ඔව් එක language එකක් ඉගනගෙන නම් තේරුමක් නැ , node use වෙන තැන් වලට php replace කරන්න බැරි තැන් තියෙනවා. සමහර දේවල් තියෙනවා php වල කරන්න ගොඩක් ලේසි . php + node applications දැන් ගොඩක් කට්ටිය ලියනවා

@3rdeye

You can get reputation by contributing to the community.

Here are some ways to contribute to Lanka Developers Community.

1. Share your knowledge and experience:
   You can help others and learn from them by sharing your knowledge and experience about IT topics. It's important to provide accurate and helpful information to the community.

2. Ask questions:
   Lanka Developers is a platform for learning, so don't be afraid to ask questions. You can also learn from the responses of other community members.

3. Participate in discussions:
   You can engage with other members of the community by participating in discussions. This can open doors to valuable connections or career opportunities.

4. Provide feedback:
   Lanka Developers created for specific audiences, and the best way to improve them is to provide feedback on contents

5. Stay involved:
   Regularly participating in Lanka Developers Community is key to building a network of relationships and gaining insight into the field of IT.

මම use කරපු හොදම සහ ලේසිම library එක තමා spatie/laravel-permission , මේකෙදි ඔයාට roles and permissions 2කම එකපාර use කරන්න පුළුවන් controllers වල

https://github.com/spatie/laravel-permission

Please Check below post
https://lankadevelopers.lk/topic/334/sampath-bank-eke-payment-gateway-udauwwak/19?_=1720213755559

bump bump

Apologies for the late reply. We have now resolved all the login issues with the third-party login system. If you have any further questions or need additional assistance, please let us know.

@3rdeye

You can get reputation by contributing to the community.

Here are some ways to contribute to Lanka Developers Community.

1. Share your knowledge and experience:
   You can help others and learn from them by sharing your knowledge and experience about IT topics. It's important to provide accurate and helpful information to the community.

2. Ask questions:
   Lanka Developers is a platform for learning, so don't be afraid to ask questions. You can also learn from the responses of other community members.

3. Participate in discussions:
   You can engage with other members of the community by participating in discussions. This can open doors to valuable connections or career opportunities.

4. Provide feedback:
   Lanka Developers created for specific audiences, and the best way to improve them is to provide feedback on contents

5. Stay involved:
   Regularly participating in Lanka Developers Community is key to building a network of relationships and gaining insight into the field of IT.

Hello everyone

It’s happy to inform you that we have launched our online shop and new t-shirt for 2022
Please refer to the below link for placing orders.👇

Please Orders Here

@chathunz

we are planing to start this as a opensource project you can contribute.

@dev_lak

@dev_lak

we can try to make lankadevelopers NFT market place

Let me know in the comments >>>

Great Machan, keep it up