হ্যালো লারাভেল ৫ । ৪
- Installation
- লারাভেল আড্ডা
- প্রধান কাঠামো বিন্যাস
- থিম / ফ্রন্ট এণ্ড সেটআপ
- ডাটাবেস আলাপ - (Database)
- রিলেশনশিপ
- কন্ট্রোলার - Controller
- রাউটিং - Routing
- কালেকশনস - Collections
- ইলোকোয়েন্ট ও আর এম (Eloquent ORM)
- Eloquent Model
- ফাইল সিস্টেম / স্টোরেজ
- লারাভেল ডাস্ক - Laravel Dusk
- ভ্যালিডেশনস (Validations)
- নেমস্পেস - Namespace
- MVC
Installation
Compatibility Note
Vue does not support IE8 and below, because it uses ECMAScript 5 features that are un-shimmable in IE8. However it supports all ECMAScript 5 compliant browsers.
Release Notes
Detailed release notes for each version are available on GitHub.
Direct <script>
Include
Simply download and include with a script tag. Vue
will be registered as a global variable.
Don’t use the minified version during development. You will miss out on all the nice warnings for common mistakes!Don’t use the minified version during development. You will miss out on all the nice warnings for common mistakes!
Production VersionWarnings stripped, 26.87kb min+gzip
অমর
আটক যাত্রী সাইফুদ্দিন এসব স্বর্ণ কোথায় থেকে সংগ্রহ করেছে তা এখনো নিশ্চিত হতে পারেননি কাস্টমস কর্মকর্তারা। রবীন্দ্র কুমার সিংহ প্রথম আলোকে জানান, যাত্রীকে জিজ্ঞাসা করা হচ্ছে। বিদেশ থেকে আসা কোনো যাত্রীর কাছ থেকে এসব স্বর্ণ সংগ্রহ করা হয়েছে কি-না তা তদন্ত করে
CDN
রেজাল্ট আসার কথা 400 কিন্তু সেখানে কতগুলো হাবিজাবি জিনিস এসেছে। এই হাবিজাবি জিনিসগুলোর ময়নাতদন্ত করা যাক।
আসলে, পাইথন এখানে একটা এরর থ্রো করেছে। যখন পাইথন ইন্টারপ্রিটার প্রোগ্রামে কোন ভুল বা সমস্যা খুঁজে পায় তখন সমস্যার ধরন অনুসারে বিভিন্ন এরর থ্রো করে। আমাদের এখানে যে এরর থ্রো করেছে সেটা হল TypeError। যখন টাইপে সমস্যা থাকে তখন এই TypeError থ্রো করা হয়।
চলুন, এরর মেসেজটা একটু খেয়াল করে দেখা যাক। can’t multiply sequence by non-int of type ‘str’ এই লাইনটা দিয়ে কি বোঝানো হয়েছে? সহজ কথায়, দুইটা স্ট্রিং টাইপের ভ্যারিয়েবলকে গুণ করা সম্ভব না। কিন্তু ইউজার তো ইন্টিজার ডাটা ইনপুট দিয়েছে। তাহলে সমস্যা কোথায়? আরো একটু ময়নাতদন্ত করি:
Recommended: https://unpkg.com/vue, which will reflect the latest version as soon as it is published to npm. You can also browse the source of the npm package at https://unpkg.com/vue/.
Also available on jsDelivr or cdnjs, but these two services take some time to sync so the latest release may not be available yet.
NPM
NPM is the recommended installation method when building large scale applications with Vue. It pairs nicely with module bundlers such as Webpack or Browserify. Vue also provides accompanying tools for authoring Single File Components.
|
CLI
Vue.js provides an official CLI for quickly scaffolding ambitious Single Page Applications. It provides batteries-included build setups for a modern frontend workflow. It takes only a few minutes to get up and running with hot-reload, lint-on-save, and production-ready builds:
|
The CLI assumes prior knowledge of Node.js and the associated build tools. If you are new to Vue or front-end build tools, we strongly suggest going through the guide without any build tools before using the CLI.
Explanation of Different Builds
In the dist/
directory of the NPM package you will find many different builds of Vue.js. Here’s an overview of the difference between them:
UMD | CommonJS | ES Module | |
---|---|---|---|
Full | vue.js | vue.common.js | vue.esm.js |
Runtime-only | vue.runtime.js | vue.runtime.common.js | vue.runtime.esm.js |
Full (production) | vue.min.js | - | - |
Runtime-only (production) | vue.runtime.min.js | - | - |
Terms
Full: builds that contains both the compiler and the runtime.
Compiler: code that is responsible for compiling template strings into JavaScript render functions.
Runtime: code that is responsible for creating Vue instances, rendering and patching virtual DOM, etc. Basically everything minus the compiler.
UMD: UMD builds can be used directly in the browser via a
<script>
tag. The default file from Unpkg CDN at https://unpkg.com/vue is the Runtime + Compiler UMD build (vue.js
).CommonJS: CommonJS builds are intended for use with older bundlers like browserify or webpack 1. The default file for these bundlers (
pkg.main
) is the Runtime only CommonJS build (vue.runtime.common.js
).ES Module: ES module builds are intended for use with modern bundlers like webpack 2 or rollup. The default file for these bundlers (
pkg.module
) is the Runtime only ES Module build (vue.runtime.esm.js
).
Runtime + Compiler vs. Runtime-only
If you need to compile templates on the fly (e.g. passing a string to the template
option, or mounting to an element using its in-DOM HTML as the template), you will need the compiler and thus the full build:
|
When using vue-loader
or vueify
, templates inside *.vue
files are pre-compiled into JavaScript at build time. You don’t really need the compiler in the final bundle, and can therefore use the runtime-only build.
Since the runtime-only builds are roughly 30% lighter-weight than their full-build counterparts, you should use it whenever you can. If you still wish to use the full build instead, you need to configure an alias in your bundler:
Webpack
|
Rollup
|
Browserify
Add to your project’s package.json
:
|
Development vs. Production Mode
Development/production modes are hard-coded for the UMD builds: the un-minified files are for development, and the minified files are for production.
CommonJS and ES Module builds are intended for bundlers, therefore we don’t provide minified versions for them. You will be responsible for minifying the final bundle yourself.
CommonJS and ES Module builds also preserve raw checks for process.env.NODE_ENV
to determine the mode they should run in. You should use appropriate bundler configurations to replace these environment variables in order to control which mode Vue will run in. Replacing process.env.NODE_ENV
with string literals also allows minifiers like UglifyJS to completely drop the development-only code blocks, reducing final file size.
Webpack
Use Webpack’s DefinePlugin:
|
Rollup
|
Browserify
Apply a global envify transform to your bundle.
|
Also see Production Deployment Tips.
CSP environments
Some environments, such as Google Chrome Apps, enforce Content Security Policy (CSP), which prohibits the use of new Function()
for evaluating expressions. The standalone build depends on this feature to compile templates, so is unusable in these environments.
On the other hand, the runtime-only build is fully CSP-compliant. When using the runtime-only build with Webpack + vue-loader or Browserify + vueify, your templates will be precompiled into render
functions which work perfectly in CSP environments.
Dev Build
Important: the built files in GitHub’s /dist
folder are only checked-in during releases. To use Vue from the latest source code on GitHub, you will have to build it yourself!
|
Bower
Only UMD builds are available from Bower.
|
AMD Module Loaders
All UMD builds can be used directly as an AMD module.