-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathposts.json
More file actions
173 lines (172 loc) · 9.71 KB
/
Copy pathposts.json
File metadata and controls
173 lines (172 loc) · 9.71 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
{
"posts": [
{
"id": 1,
"cover": "https://raw.githubusercontent.com/viniciosneves/code-connect-assets/main/posts/introducao-ao-react.png",
"title": "Introdução ao React",
"slug": "introducao-ao-react",
"body": "Neste post, vamos explorar os conceitos básicos do React, uma biblioteca JavaScript para construir interfaces de usuário. Vamos cobrir componentes, JSX e estados.",
"markdown": "```javascript\nfunction HelloComponent() {\n return <h1>Hello, world!</h1>;\n}\n```",
"author": {
"id": 101,
"name": "Ana Beatriz",
"username": "anabeatriz_dev",
"avatar": "https://raw.githubusercontent.com/viniciosneves/code-connect-assets/main/authors/anabeatriz_dev.png"
}
},
{
"id": 2,
"cover": "https://raw.githubusercontent.com/viniciosneves/code-connect-assets/main/posts/css-grid-na-pratica.png",
"title": "CSS Grid na Prática",
"slug": "css-grid-na-pratica",
"body": "Aprenda a criar layouts responsivos com CSS Grid. Este post aborda desde a definição de grid até a criação de layouts complexos de forma simples e eficaz.",
"markdown": "```css\n.grid-container {\n display: grid;\n grid-template-columns: auto auto auto;\n}\n```",
"author": {
"id": 101,
"name": "Ana Beatriz",
"username": "anabeatriz_dev",
"avatar": "https://raw.githubusercontent.com/viniciosneves/code-connect-assets/main/authors/anabeatriz_dev.png"
}
},
{
"id": 3,
"cover": "https://raw.githubusercontent.com/viniciosneves/code-connect-assets/main/posts/vuejs-para-iniciantes.png",
"title": "Vue.js para Iniciantes",
"slug": "vuejs-para-iniciantes",
"body": "Vue.js é um framework progressivo para a construção de interfaces de usuário. Este guia inicial cobre as funcionalidades essenciais do Vue.",
"markdown": "```javascript\nnew Vue({\n el: '#app',\n data: {\n message: 'Olá Vue!'\n }\n})\n```",
"author": {
"id": 101,
"name": "Ana Beatriz",
"username": "anabeatriz_dev",
"avatar": "https://raw.githubusercontent.com/viniciosneves/code-connect-assets/main/authors/anabeatriz_dev.png"
}
},
{
"id": 4,
"cover": "https://raw.githubusercontent.com/viniciosneves/code-connect-assets/main/posts/dicas-de-acessibilidade-web.png",
"title": "Dicas de Acessibilidade Web",
"slug": "dicas-de-acessibilidade-web",
"body": "Explorando a importância da acessibilidade na web, este post oferece dicas práticas para tornar seus sites mais acessíveis a todos os usuários.",
"markdown": "```html\n<a href=\"#\" aria-label=\"Saiba mais sobre acessibilidade\">Saiba mais</a>\n```",
"author": {
"id": 101,
"name": "Ana Beatriz",
"username": "anabeatriz_dev",
"avatar": "https://raw.githubusercontent.com/viniciosneves/code-connect-assets/main/authors/anabeatriz_dev.png"
}
},
{
"id": 5,
"cover": "https://raw.githubusercontent.com/viniciosneves/code-connect-assets/main/posts/introducao-ao-typescript.png",
"title": "Introdução ao TypeScript",
"slug": "introducao-ao-typescript",
"body": "Este post é um guia introdutório ao TypeScript, explicando como ele aumenta a produtividade e melhora a manutenção do código JavaScript.",
"markdown": "```typescript\nfunction greeter(person: string) {\n return 'Hello, ' + person;\n}\n```",
"author": {
"id": 101,
"name": "Ana Beatriz",
"username": "anabeatriz_dev",
"avatar": "https://raw.githubusercontent.com/viniciosneves/code-connect-assets/main/authors/anabeatriz_dev.png"
}
},
{
"id": 6,
"cover": "https://raw.githubusercontent.com/viniciosneves/code-connect-assets/main/posts/otimizacao-de-performance-no-react.png",
"title": "Otimização de Performance no React",
"slug": "otimizacao-de-performance-no-react",
"body": "Discutindo técnicas avançadas para otimizar a performance de aplicações React, este post aborda conceitos como memoização e lazy loading.",
"markdown": "```javascript\nconst MemoizedComponent = React.memo(function MyComponent(props) {\n /* render using props */\n});\n```",
"author": {
"id": 101,
"name": "Ana Beatriz",
"username": "anabeatriz_dev",
"avatar": "https://raw.githubusercontent.com/viniciosneves/code-connect-assets/main/authors/anabeatriz_dev.png"
}
},
{
"id": 7,
"cover": "https://raw.githubusercontent.com/viniciosneves/code-connect-assets/main/posts/explorando-flexbox-no-css.png",
"title": "Explorando Flexbox no CSS",
"slug": "explorando-flexbox-no-css",
"body": "Este post detalha o uso do Flexbox para criar layouts responsivos e flexíveis no CSS, com exemplos práticos para um entendimento fácil.",
"markdown": "```css\n.flex-container {\n display: flex;\n justify-content: space-around;\n}\n```",
"author": {
"id": 101,
"name": "Ana Beatriz",
"username": "anabeatriz_dev",
"avatar": "https://raw.githubusercontent.com/viniciosneves/code-connect-assets/main/authors/anabeatriz_dev.png"
}
},
{
"id": 8,
"cover": "https://raw.githubusercontent.com/viniciosneves/code-connect-assets/main/posts/angular-primeiros-passos.png",
"title": "Angular: Primeiros Passos",
"slug": "angular-primeiros-passos",
"body": "Ideal para iniciantes, este post introduz o Angular, um poderoso framework para desenvolvimento de aplicações web, com um exemplo básico.",
"markdown": "```typescript\n@Component({\n selector: 'my-app',\n template: '<h1>Olá Angular</h1>'\n})\nexport class AppComponent { }\n```",
"author": {
"id": 101,
"name": "Ana Beatriz",
"username": "anabeatriz_dev",
"avatar": "https://raw.githubusercontent.com/viniciosneves/code-connect-assets/main/authors/anabeatriz_dev.png"
}
},
{
"id": 9,
"cover": "https://raw.githubusercontent.com/viniciosneves/code-connect-assets/main/posts/gerenciamento-de-estado-com-redux.png",
"title": "Gerenciamento de Estado com Redux",
"slug": "gerenciamento-de-estado-com-redux",
"body": "Abordando um dos aspectos cruciais no desenvolvimento de aplicações React, este post ensina como gerenciar o estado de forma eficiente com Redux.",
"markdown": "```javascript\nconst reducer = (state = initialState, action) => {\n switch (action.type) {\n case 'ACTION_TYPE':\n return { ...state, ...action.payload };\n default:\n return state;\n }\n};\n```",
"author": {
"id": 101,
"name": "Ana Beatriz",
"username": "anabeatriz_dev",
"avatar": "https://raw.githubusercontent.com/viniciosneves/code-connect-assets/main/authors/anabeatriz_dev.png"
}
},
{
"id": 10,
"cover": "https://raw.githubusercontent.com/viniciosneves/code-connect-assets/main/posts/sass-simplificando-o-css.png",
"title": "Sass: Simplificando o CSS",
"slug": "sass-simplificando-o-css",
"body": "Este post explora como o pré-processador Sass pode simplificar e melhorar a escrita de CSS, através de variáveis, mixins e funções.",
"markdown": "```scss\n$primary-color: #333;\nbody {\n color: $primary-color;\n}\n```",
"author": {
"id": 101,
"name": "Ana Beatriz",
"username": "anabeatriz_dev",
"avatar": "https://raw.githubusercontent.com/viniciosneves/code-connect-assets/main/authors/anabeatriz_dev.png"
}
},
{
"id": 11,
"cover": "https://raw.githubusercontent.com/viniciosneves/code-connect-assets/main/posts/webpack-um-guia-para-iniciantes.png",
"title": "Webpack: Um Guia para Iniciantes",
"slug": "webpack-um-guia-para-iniciantes",
"body": "Aprenda a configurar o Webpack, uma poderosa ferramenta de empacotamento de módulos, neste guia passo a passo para iniciantes.",
"markdown": "```javascript\nmodule.exports = {\n entry: './path/to/my/entry/file.js'\n};\n```",
"author": {
"id": 101,
"name": "Ana Beatriz",
"username": "anabeatriz_dev",
"avatar": "https://raw.githubusercontent.com/viniciosneves/code-connect-assets/main/authors/anabeatriz_dev.png"
}
},
{
"id": 12,
"cover": "https://raw.githubusercontent.com/viniciosneves/code-connect-assets/main/posts/construindo-spa-com-vuejs.png",
"title": "Construindo SPA com Vue.js",
"slug": "construindo-spa-com-vuejs",
"body": "Este post oferece um tutorial detalhado sobre como construir uma Single Page Application (SPA) eficiente e interativa usando o framework Vue.js.",
"markdown": "```javascript\nnew Vue({\n el: '#app',\n data: {\n message: 'Bem-vindo à sua SPA Vue.js!'\n }\n});\n```",
"author": {
"id": 101,
"name": "Ana Beatriz",
"username": "anabeatriz_dev",
"avatar": "https://raw.githubusercontent.com/viniciosneves/code-connect-assets/main/authors/anabeatriz_dev.png"
}
}
]
}