add contents
This commit is contained in:
André Weller
29
.vscode/webgems.code-snippets
vendored
Normal file
29
.vscode/webgems.code-snippets
vendored
Normal file
@@ -0,0 +1,29 @@
|
||||
{
|
||||
// Place your webgems workspace snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and
|
||||
// description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope
|
||||
// is left empty or omitted, the snippet gets applied to all languages. The prefix is what is
|
||||
// used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
|
||||
// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders.
|
||||
// Placeholders with the same ids are connected.
|
||||
// Example:
|
||||
// "Print to console": {
|
||||
// "scope": "javascript,typescript",
|
||||
// "prefix": "log",
|
||||
// "body": [
|
||||
// "console.log('$1');",
|
||||
// "$2"
|
||||
// ],
|
||||
// "description": "Log output to console"
|
||||
// }
|
||||
"Add a webgem": {
|
||||
"prefix": "wgem",
|
||||
"body": [
|
||||
"{",
|
||||
" title: '${1:title}',",
|
||||
" desc: '${2:desc}',",
|
||||
" url: '${3:url}'",
|
||||
"},"
|
||||
],
|
||||
"description": "Add a webgem"
|
||||
}
|
||||
}
|
||||
@@ -87,6 +87,7 @@ export default {
|
||||
margin: 0 0 .7rem 0;
|
||||
line-height: 1.3;
|
||||
letter-spacing: .5px;
|
||||
max-width: 15rem;
|
||||
}
|
||||
a {
|
||||
font-size: 12px;
|
||||
|
||||
@@ -6,8 +6,10 @@
|
||||
nuxt-link(to="/css") CSS
|
||||
nuxt-link(to="/javascript") Javascript
|
||||
nuxt-link(to="/php") PHP
|
||||
nuxt-link(to="/design") Designs
|
||||
nuxt-link(to="/servers") Servers
|
||||
nuxt-link(to="/design") Design
|
||||
nuxt-link(to="/frontend") Frontend
|
||||
nuxt-link(to="/fullstack") Fullstack
|
||||
nuxt-link(to="/servers") Server
|
||||
nuxt-link(to="/tools") Tools
|
||||
nuxt-link(to="/daily") Daily
|
||||
</template>
|
||||
|
||||
@@ -92,7 +92,7 @@ h1 {
|
||||
|
||||
.cards {
|
||||
display:grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(15rem,auto));
|
||||
grid-template-columns: repeat(auto-fill, minmax(15rem,auto));
|
||||
grid-gap: 1rem;
|
||||
}
|
||||
|
||||
|
||||
@@ -38,6 +38,21 @@ export default {
|
||||
desc: 'Overview of css attributes which trigger either layout, paint or composite. Good to know if you want to learn more about css performance.',
|
||||
url: 'https://csstriggers.com/'
|
||||
},
|
||||
{
|
||||
title: 'A complete guide to flexbox',
|
||||
desc: 'A comprehensive guide to flexbox, focusing on all the different possible properties for the parent element (the flex container) and the child elemends (the flex items). It also includes history, demos, patterns and a browser support chart. By css-tricks.com',
|
||||
url: 'https://css-tricks.com/snippets/css/a-guide-to-flexbox/'
|
||||
},
|
||||
{
|
||||
title: 'Learn CSS layout',
|
||||
desc: 'This site teaches the CSS fundamentals that are used in any website\'s layout (Unfortunately nothing abour display:grid yet).',
|
||||
url: 'http://learnlayout.com'
|
||||
},
|
||||
{
|
||||
title: 'CSSmatic - box shadow generator',
|
||||
desc: 'The ultimate box shadow generator',
|
||||
url: 'https://www.cssmatic.com/box-shadow'
|
||||
},
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
@@ -15,9 +15,14 @@ export default {
|
||||
resources: [
|
||||
{
|
||||
title: 'dev.to',
|
||||
desc: 'Where programmers share ideas and help each other grow. It is an online community for sharing and discovering great ideas, having debates, and making friends. Anyone can share articles, questions, discussions, etc. as long as they have the rights to the words they are sharing. Cross-posting from your own blog is welcome.',
|
||||
desc: 'Where programmers share ideas and help each other grow. It is an online community for sharing and discovering great ideas, having debates, and making friends.',
|
||||
url: 'https://www.dev.to'
|
||||
},
|
||||
{
|
||||
title: 'CSS Tricks',
|
||||
desc: 'Daily webdev related articles, snippets and guides since 2007',
|
||||
url: 'https://css-tricks.com/'
|
||||
},
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
@@ -38,6 +38,26 @@ export default {
|
||||
desc: 'Flatuicolorpicker is a project digging the Flat Color Picker which gives you the perfect colors for flat designs',
|
||||
url: 'http://www.flatuicolorpicker.com'
|
||||
},
|
||||
{
|
||||
title: 'awwwards',
|
||||
desc: 'The awards for design, creativity and innovation on the Internet. Get your inspiration here or even submit your own website!',
|
||||
url: 'https://awwwards.com'
|
||||
},
|
||||
{
|
||||
title: 'siteinspire',
|
||||
desc: 'siteInspire is a showcase of the finest web and interactive design.',
|
||||
url: 'https://www.siteinspire.com'
|
||||
},
|
||||
{
|
||||
title: 'ShapeFactory',
|
||||
desc: 'Simple design tools for everyone. Simply create a logo, pigment/color scheme, gradient or duetone style.',
|
||||
url: 'https://shapefactory.co'
|
||||
},
|
||||
{
|
||||
title: 'lapa.ninja',
|
||||
desc: 'The best resources for learning design.',
|
||||
url: 'https://www.lapa.ninja/learn/'
|
||||
},
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
@@ -18,6 +18,16 @@ export default {
|
||||
desc: 'A lovely guide made by frontendmasters.',
|
||||
url: 'https://frontendmasters.com/books/front-end-handbook/2019/'
|
||||
},
|
||||
{
|
||||
title: 'Learn to Code HTML & CSS',
|
||||
desc: 'Learn to Code HTML & CSS is a simple and comprehensive guide dedicated to helping beginners learn HTML and CSS. Outlining the fundamentals, this guide works through all common elements of front-end design and development.',
|
||||
url: 'https://learn.shayhowe.com/html-css/'
|
||||
},
|
||||
{
|
||||
title: 'Frontendmasters',
|
||||
desc: 'Premium tier video courses for any modern stack. Monthly or yearly subscription.',
|
||||
url: 'https://frontendmasters.com'
|
||||
},
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
38
pages/fullstack/index.vue
Normal file
38
pages/fullstack/index.vue
Normal file
@@ -0,0 +1,38 @@
|
||||
<template lang="pug">
|
||||
div
|
||||
h1 Fullstack
|
||||
.cards
|
||||
template(v-for='resource in resources')
|
||||
Card(:title='resource.title' :desc='resource.desc' :url='resource.url')
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Card from '../../components/Card'
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
resources: [
|
||||
{
|
||||
title: 'freeCodeCamp curriculum',
|
||||
desc: 'We have thousands of coding lessons to help you improve your skills. You can earn each certification by completing its 5 final projects. And yes - all of this is 100% free, thanks to the thousands of campers who donate to our nonprofit. If you are new to coding, we recommend you start at the beginning.',
|
||||
url: 'https://learn.freecodecamp.org'
|
||||
},
|
||||
{
|
||||
title: 'Learn Node',
|
||||
desc: 'Permium course by WesBos teaching you the MEPN (Mongo, Express, Pug, Node) stack using a fullstack project as example.',
|
||||
url: 'https://learnnode.com'
|
||||
},
|
||||
]
|
||||
}
|
||||
},
|
||||
components: {
|
||||
Card
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
</style>
|
||||
|
||||
|
||||
@@ -13,6 +13,11 @@ export default {
|
||||
data() {
|
||||
return {
|
||||
resources: [
|
||||
{
|
||||
title: 'DevDocs',
|
||||
desc: 'DevDocs combines multiple API documentations in a fast, organized, and searchable interface. Online and offline, always have your docs with you.',
|
||||
url: 'https://devdocs.io'
|
||||
},
|
||||
{
|
||||
title: 'Developer Roadmap',
|
||||
desc: 'Below you find a set of charts demonstrating the paths that you can take and the technologies that you would want to adopt in order to become a frontend, backend or a devops. I made these charts for an old professor of mine who wanted something to share with his college students to give them a perspective; sharing them here to help the community.',
|
||||
|
||||
@@ -43,6 +43,16 @@ export default {
|
||||
desc: 'This is a free series of books diving deep into the core mechanisms of the JavaScript language. The first edition of the series is now complete.',
|
||||
url: 'https://github.com/getify/You-Dont-Know-JS'
|
||||
},
|
||||
{
|
||||
title: 'Eloquent Javascript 3rd Edition',
|
||||
desc: 'This is a book about javascript, programming, and the wonders of the digital. You can read it online or get a paperback copy of it.',
|
||||
url: 'http://eloquentjavascript.net'
|
||||
},
|
||||
{
|
||||
title: 'MDN web docs - Javascript',
|
||||
desc: 'Tutorials, references, tools and resources. Your goto documentation to learn js.',
|
||||
url: 'https://developer.mozilla.org/en-US/docs/Web/JavaScript'
|
||||
},
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
@@ -18,6 +18,11 @@ export default {
|
||||
desc: 'There’s a lot of outdated information on the Web that leads new PHP users astray, propagating bad practices and insecure code. PHP: The Right Way is an easy-to-read, quick reference for PHP popular coding standards, links to authoritative tutorials around the Web and what the contributors consider to be best practices at the present time.',
|
||||
url: 'https://phptherightway.com'
|
||||
},
|
||||
{
|
||||
title: 'The PHP manual',
|
||||
desc: 'Manual to PHP documenting the whole spec.',
|
||||
url: 'https://www.php.net/manual/en/'
|
||||
},
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
@@ -28,7 +28,6 @@ export default {
|
||||
desc: 'Domains for your projects',
|
||||
url: 'https://namecheap.com'
|
||||
},
|
||||
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
@@ -23,6 +23,21 @@ export default {
|
||||
desc: 'Fathom Analytics provides simple, useful website stats without tracking or storing personal data of your users.',
|
||||
url: 'https://usefathom.com'
|
||||
},
|
||||
{
|
||||
title: '10 free tools',
|
||||
desc: '10 free-but-professional tools for your dev projects',
|
||||
url: 'https://dev.to/sauloco/10-free-but-professional-tools-for-your-dev-projects-2eeo'
|
||||
},
|
||||
{
|
||||
title: 'headless cms',
|
||||
desc: 'A List of Content Management Systems for JAMstack Sites',
|
||||
url: 'https://headlesscms.org'
|
||||
},
|
||||
{
|
||||
title: 'StaticGen',
|
||||
desc: 'A List of Static Site Generators for JAMstack Sites',
|
||||
url: 'https://www.staticgen.com'
|
||||
},
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user