Nguyễn Văn Quy

Frontend thì bạn build rồi up qua github.io cũng đc

Backend: Nodejs, PHP, hoặc ruby

Frontend: Javascript, Jquery, react, vue hoặc Nuxtjs, Nextjs

Hoặc dùng wordpress

HEAD cũng định nghĩa là branch hiện tại của bạn ví dụ:

   git push origin HEAD

Bạn làm như này nhé:

/**
* Get the validation rules that apply to the request.
*
* @return array
*/
public function rules()
{
     $id = $this->route('certificate')->id;

     return [
        'title' =>"unique:potsts,title,$id,id",
     ];
}

Bạn có thể làm theo như sao:

$id = $this->route('product')->id;

return [
    'name' => "unique:products,name,$id,id",
];

         for (var i = 0; i < filesLength ; i++) {
                var f = files[i]
                var fileReader = new FileReader();
                fileReader.onload = (function(e) {
                    var file = e.target;
                    $("<img></img>",{
                        class : "imageThumb",
                        src : e.target.result,
                        title : file.name
                    }).insertAfter("#files");
               });
               fileReader.readAsDataURL(f);
           }

Bạn add thêm 1 btn delete rồi add thêm attribute data-id là index xuất hiện của image. Khi bấm click vào btn sẽ lấy ra data-id và loại bỏ index khỏi mảng files là đc. (thanks)

Bạn có the fake mail ở đây http://www.yopmail.com/en/

Bạn có thể dùng Sass hoặc Scss để viết tránh việc trùng css. Hoặc sử dụng thư viện http://tailwindcss.com để viết cho nhanh nhé https://viblo.asia/p/viet-style-sach-cho-front-end-nhu-the-nao-E375zd72ZGW

Lỗi 500 là do trong code bạn đang code sai rồi đó. Lỗi sai có thể đến từ việc database sai, hoặc logic code sai. Bạn kiểm tra thư mục storage/log xem lỗi ở đâu nhé (love)

Bạn đọc bài viết này của mình để có thể tự customize grant-type của larvel passport nè https://viblo.asia/p/social-login-api-cho-mobile-app-server-laravel-su-dung-laravel-passport-ho-bien-package-thanh-code-cua-minh-gDVK2pV0lLj

Bởi vì api của bạn đang bị httpStatuscode 422 (request bạn gửi lên chưa passed) nên error sẽ chạy vào catch

.catch((err)=>{
    Toast.fire({
        type: 'error',
        title: 'Signed in failed'
    })
})

thử xem

Bạn viết như thế này nhé:

onClick = { () => this.functionRemoveItem(item.id) }

Trong:

functionRemoveItem = (id) => {
   console.log(id) // ahihi
}

Xin 1 upvote ahihi... 😏

Chào bạn, trong project laravel bạn tạo thêm file .babelrc có nội dung là:

{
    "presets": [
        ["es2015", {"modules": false}],
        "react"
    ]
}

Tiếp đó cài:

npm install babel-preset-es2015 --save

Sau đó thử npm run dev lại xem.

Mình có source-code web bán hàng siêu thi ( và bán điện thoai) bằng html, css, php cơ bản nè =))

Mình đã xem code của bạn, và thấy có khá nhiều vấn đề:
+, Thứ 1: Bạn có thể tạo state dữ liệu ngay trong file Disher.js để việc thao tác thêm, sửa, xóa được dễ dàng hơn
+, Thứ 2: Nếu bạn muốn tạo bộ dữ liệu dishes (như cách mà bạn để trong file App.js, mình hiểu rằng bạn muốn dùng bộ dữ liệu này cho nhiều component khác nhau đúng không)...
=> Nếu vậy bạn có thể dùng như cách mình làm là dùng function componentDidMount() của react để lấy dữ liệu props gửi sang và lưu nó trong state mới được tạo trong Disher.js Bạn có thể tham khảo code mình đã sửa nhé... Trong source code này mình mới chỉ sửa show dữ liệu và xóa... Bạn có thể áp dụng cho chức năng thêm và sửa...
Link nè: https://github.com/vanquynguyen/FCCRecipe

import React from 'react';
import Dish from './Dish';

class Dishes extends React.Component {
    constructor(props){
        super(props);
        //Trong component này, Khởi tạo state ban đầu là rỗng.
        this.state = {
            dishes: {}
        }
    }
    
    componentDidMount() {
        // Trong lần render đầu tiên, props được lưu ngay trong state tại component này
        var dishes = this.props.dishes
        this.setState({
            dishes: dishes
        })
    }

    deleteDish(dishName){
        let dishes = this.state.dishes.slice();

        dishes.forEach((dish, index) => {
            if (dish.dishName === dishName) {
                dishes.splice(index, 1);
            }
        });

        this.setState({
            dishes: dishes
        });
    }

    render() {
        var data = this.state.dishes
        let dishes
        if(data.length > 0) {
            dishes = data.map((dish, index)=> {
               return <Dish key={index} dishName={dish.dishName} ingredients={dish.ingredients} deleteDish={this.deleteDish.bind(this)} />
            })
        }

        return(
            <div className="row">{dishes}</div>
        );
    }
}

export default Dishes;

*Hiển thị dữ liệu ra từ state (bạn hãy yên tâm rằng dữ liệu trong state được mapping từ dữ liệu props truyền sang, điều này có nghĩa là: dữ liệu dishes bên component cha: App.js thay đổi thì dữ liệu trong state tại component này cũng thay đổi nhé).*

Theo mình thì không nên show quá nhiều cột trên 1 bảng, cách tốt nhất là sẽ tạo riêng 1 trang show chi tiết. Còn bắt buốc phải show nhiều như vậy, bạn có thể giảm width của table (dùng boostrap: http://getbootstrap.com.vn/css/#tables)

Đây là width của table: 67%: và width 100% sẽ như thế này: