udemy/corso-vue.git

commits
diff

2025-01-06

Cristiano Magro

first components e props

eb387d

diff | tree

2025-01-06

Cristiano Magro

dummy component

a4d58c

diff | tree

2025-01-06

Cristiano Magro

lesson 10 start project

6f76db

diff | tree

13 files added

	10 - course project/xno-prj-cmp-01-starting-setup/.browserslistrc	3 ●●●●● patch \| view \| raw \| blame \| history
	10 - course project/xno-prj-cmp-01-starting-setup/.eslintrc.js	17 ●●●●● patch \| view \| raw \| blame \| history
	10 - course project/xno-prj-cmp-01-starting-setup/.gitignore	22 ●●●●● patch \| view \| raw \| blame \| history
	10 - course project/xno-prj-cmp-01-starting-setup/.prettierrc	3 ●●●●● patch \| view \| raw \| blame \| history
	10 - course project/xno-prj-cmp-01-starting-setup/HOW-TO-USE.pdf	patch \| view \| raw \| blame \| history
	10 - course project/xno-prj-cmp-01-starting-setup/babel.config.js	5 ●●●●● patch \| view \| raw \| blame \| history
	10 - course project/xno-prj-cmp-01-starting-setup/package-lock.json	18118 ●●●●● patch \| view \| raw \| blame \| history
	10 - course project/xno-prj-cmp-01-starting-setup/package.json	23 ●●●●● patch \| view \| raw \| blame \| history
	10 - course project/xno-prj-cmp-01-starting-setup/public/favicon.ico	patch \| view \| raw \| blame \| history
	10 - course project/xno-prj-cmp-01-starting-setup/public/index.html	17 ●●●●● patch \| view \| raw \| blame \| history
	10 - course project/xno-prj-cmp-01-starting-setup/src/App.vue	39 ●●●●● patch \| view \| raw \| blame \| history
	10 - course project/xno-prj-cmp-01-starting-setup/src/components/learning-resource/LearningResource.vue	20 ●●●●● patch \| view \| raw \| blame \| history
	10 - course project/xno-prj-cmp-01-starting-setup/src/main.js	5 ●●●●● patch \| view \| raw \| blame \| history

 10 - course project/xno-prj-cmp-01-starting-setup/.browserslistrc

New file
@@ -0,0 +1,3 @@
> 1%
last 2 versions
not dead

 10 - course project/xno-prj-cmp-01-starting-setup/.eslintrc.js

New file
@@ -0,0 +1,17 @@
module.exports = {
  root: true,
  env: {
    node: true
  },
  'extends': [
    'plugin:vue/vue3-essential',
    'eslint:recommended'
  ],
  parserOptions: {
    parser: 'babel-eslint'
  },
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
  }
}

 10 - course project/xno-prj-cmp-01-starting-setup/.gitignore

New file
@@ -0,0 +1,22 @@
.DS_Store
node_modules
/dist

# local env files
.env.local
.env.*.local

# Log files
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*

# Editor directories and files
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?

 10 - course project/xno-prj-cmp-01-starting-setup/.prettierrc

New file
@@ -0,0 +1,3 @@
{
  "singleQuote": true
}

 10 - course project/xno-prj-cmp-01-starting-setup/HOW-TO-USE.pdf

Binary files differ

 10 - course project/xno-prj-cmp-01-starting-setup/babel.config.js

New file
@@ -0,0 +1,5 @@
module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ]
}

 10 - course project/xno-prj-cmp-01-starting-setup/package-lock.json

New file
Diff too large

 10 - course project/xno-prj-cmp-01-starting-setup/package.json

New file
@@ -0,0 +1,23 @@
{
  "name": "vue-first-app",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "core-js": "^3.6.5",
    "vue": "^3.0.0"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-eslint": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "@vue/compiler-sfc": "^3.0.0-0",
    "babel-eslint": "^10.1.0",
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^7.0.0-0"
  }
}

 10 - course project/xno-prj-cmp-01-starting-setup/public/favicon.ico


 10 - course project/xno-prj-cmp-01-starting-setup/public/index.html

New file
@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title><%= htmlWebpackPlugin.options.title %></title>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>

 10 - course project/xno-prj-cmp-01-starting-setup/src/App.vue

New file
@@ -0,0 +1,39 @@
<template>
    <ul>
        <learning-resource v-for="res in storedResouces" 
        :key="res.id"
        :title="res.title" 
        :description="res.description"
        :link="res.link"
        >
        </learning-resource>
    </ul>
</template>

<script>
import LearningResource from './components/learning-resource/LearningResource.vue';

export default {
    components:{
        LearningResource: LearningResource,
    },
    data(){
        return {
            storedResouces: [
                {
                    id:'official-guide',
                    title: 'Official Guide',
                    description: 'The official Vue.js documentation',
                    link: 'https://vuejs.org'
                },
                {
                    id:'google',
                    title: 'Google',
                    description: 'Learn to google...',
                    link: 'https://google.com'
                },
            ]
        }
    }
}
</script>

 10 - course project/xno-prj-cmp-01-starting-setup/src/components/learning-resource/LearningResource.vue

New file
@@ -0,0 +1,20 @@
<template>
    <li>
        <div>
            <header>
                <h3>{{ title }}</h3>
                <button>Delete</button>
            </header>
        </div>
        <p>{{ description }}</p>
        <nav>
            <a :href="link">View Resource</a>
        </nav>
    </li>
</template>

<script>
export default {
    props: ['title', 'description', 'link']
}
</script>

 10 - course project/xno-prj-cmp-01-starting-setup/src/main.js

New file
@@ -0,0 +1,5 @@
import { createApp } from 'vue';

import App from './App.vue';

createApp(App).mount('#app');

New file
			@@ -0,0 +1,17 @@
			module.exports = {
			root: true,
			env: {
			node: true
			},
			'extends': [
			'plugin:vue/vue3-essential',
			'eslint:recommended'
			],
			parserOptions: {
			parser: 'babel-eslint'
			},
			rules: {
			'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
			'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
			}
			}

New file
			@@ -0,0 +1,22 @@
			.DS_Store
			node_modules
			/dist

			# local env files
			.env.local
			.env.*.local

			# Log files
			npm-debug.log*
			yarn-debug.log*
			yarn-error.log*
			pnpm-debug.log*

			# Editor directories and files
			.idea
			.vscode
			*.suo
			.ntvs
			*.njsproj
			*.sln
			*.sw?

New file
			@@ -0,0 +1,5 @@
			module.exports = {
			presets: [
			'@vue/cli-plugin-babel/preset'
			]
			}

New file
			@@ -0,0 +1,23 @@
			{
			"name": "vue-first-app",
			"version": "0.1.0",
			"private": true,
			"scripts": {
			"serve": "vue-cli-service serve",
			"build": "vue-cli-service build",
			"lint": "vue-cli-service lint"
			},
			"dependencies": {
			"core-js": "^3.6.5",
			"vue": "^3.0.0"
			},
			"devDependencies": {
			"@vue/cli-plugin-babel": "~4.5.0",
			"@vue/cli-plugin-eslint": "~4.5.0",
			"@vue/cli-service": "~4.5.0",
			"@vue/compiler-sfc": "^3.0.0-0",
			"babel-eslint": "^10.1.0",
			"eslint": "^6.7.2",
			"eslint-plugin-vue": "^7.0.0-0"
			}
			}

New file
			@@ -0,0 +1,17 @@
			<!DOCTYPE html>
			<html lang="en">
			<head>
			<meta charset="utf-8">
			<meta http-equiv="X-UA-Compatible" content="IE=edge">
			<meta name="viewport" content="width=device-width,initial-scale=1.0">
			<link rel="icon" href="<%= BASE_URL %>favicon.ico">
			<title><%= htmlWebpackPlugin.options.title %></title>
			</head>
			<body>
			<noscript>
			<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
			</noscript>
			<div id="app"></div>
			<!-- built files will be auto injected -->
			</body>
			</html>

New file
			@@ -0,0 +1,39 @@
			<template>
			<ul>
			<learning-resource v-for="res in storedResouces"
			:key="res.id"
			:title="res.title"
			:description="res.description"
			:link="res.link"
			>
			</learning-resource>
			</ul>
			</template>

			<script>
			import LearningResource from './components/learning-resource/LearningResource.vue';

			export default {
			components:{
			LearningResource: LearningResource,
			},
			data(){
			return {
			storedResouces: [
			{
			id:'official-guide',
			title: 'Official Guide',
			description: 'The official Vue.js documentation',
			link: 'https://vuejs.org'
			},
			{
			id:'google',
			title: 'Google',
			description: 'Learn to google...',
			link: 'https://google.com'
			},
			]
			}
			}
			}
			</script>

New file
			@@ -0,0 +1,20 @@
			<template>
			<li>
			<div>
			<header>
			<h3>{{ title }}</h3>
			<button>Delete</button>
			</header>
			</div>
			<p>{{ description }}</p>
			<nav>
			<a :href="link">View Resource</a>
			</nav>
			</li>
			</template>

			<script>
			export default {
			props: ['title', 'description', 'link']
			}
			</script>

New file
			@@ -0,0 +1,5 @@
			import { createApp } from 'vue';

			import App from './App.vue';

			createApp(App).mount('#app');