-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathbkp.html
More file actions
782 lines (600 loc) · 48 KB
/
bkp.html
File metadata and controls
782 lines (600 loc) · 48 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
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
<!DOCTYPE html>
<h1>SITE UNDER MAINTENANCE<br>WE ARE MOVING</h1>
<html lang="it">
<head>
<title>Alberto Marangelo : Sviluppo digitale per imprese e professionisti</title>
<meta name="description" content="Alberto Marangelo : Creazione siti, e-commerce ed app. Professionista dello sviluppo digitale per ogni attività.">
<meta name="keywords" content="alberto marangelo, alberto marà, berto, tech, berto-dev, berto.dev, programmatore roma, sviluppo digitale, sviluppo app roma, programma aziendale, sito web, ecommerce, app, marketing online, creare un sito web,creare un ecommerce,creare un app">
<!-- - - - - - - - - - - - - - -->
<meta charset="UTF-8">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimal-ui">
<!-- - - - - - - - - - - - - - -->
<meta name="theme-color" content="#191F31">
<meta name="apple-mobile-web-app-title" content="berto.dev">
<meta name="apple-mobile-web-app-status-bar-style" content="191F31">
<link rel="apple-touch-startup-image" href="https://berto.dev/assets/media/img.social.banner.00.webp">
<!-- - - - - - - - - - - - - - -->
<link rel="icon" type="image/x-icon" href="./assets/media/favicon.ico">
<link rel="apple-touch-startup-image" href="/assets/media/favicon.ico">
<!-- - - - - - - - - - - - - - -->
<link rel="canonical" href="https://berto.dev">
<link rel="alternate" href="https://berto.dev" hreflang="it" />
<!-- - - - - - - - - - - - - - -->
<!--google meta-->
<meta name="google" content="notranslate">
<meta name="google" content="nopagereadaloud">
<meta name="google" content="nositelinkssearchbox">
<meta name="geo.region" content="Italy">
<meta name="geo.placename" content="Roma">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-TFPEKZH7DZ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-TFPEKZH7DZ');
</script>
<!-- Global site tag (gtag.js) - Google Ads: 10827465180 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-10827465180"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-10827465180');
</script>
<!-- Event snippet for Website traffic conversion page -->
<script>gtag('event', 'conversion', {'send_to': 'AW-10827465180/srK8CKvPncYDENyD-Koo'});</script>
<!-- - - - - - - - - - - - - - -->
<meta property="og:locale" content="it_IT">
<meta property="og:type" content="website">
<!--website/article/product-->
<meta property="og:title" content="Alberto Marangelo - Studio informatico - Progetti digitali">
<meta property="og:site_name" content="Alberto Marangelo">
<meta property="og:description" content="Alberto Marangelo, studio informatico : sviluppo digitale per le imprese dal logo alla creazione di siti e commerce e app.">
<meta property="og:url" content="https://berto.dev">
<meta property="og:image" content="https://berto.dev/assets/media/img.social.banner.00.webp">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Alberto Marangelo, studio informatico - Progetti digitali">
<meta name="twitter:description" content="Alberto Marangelo, studio informatico : sviluppo digitale per le imprese dal logo alla creazione di siti e commerce e app.">
<meta name="twitter:site" content="@berto-dev">
<meta name="twitter:creator" content="@berto-dev">
<meta name="twitter:image" content="https://berto.dev/assets/media/img.social.banner.00.webp">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Webpage",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://berto.dev"
},
"headline": "Sviluppo informatico Roma - Programmatore siti web ed app",
"abstract": "Studio berto. Alberto Marà è un professionista del settore digitale specializzato della gestione e creazione di progetti orientati al business. Creare un sito web, un ecommerce, un'app e molto altro...",
"image": "https://berto.dev/assets/media/img.social.banner.00.webp",
"sameAs": [
"https://github.com/berto-dev",
"https://www.instagram.com/_berto.dev/",
"https://www.pinterest.it/berto_pins",
"https://www.linkedin.com/in/berto-dev/"
],
"author": {
"@type": "Person",
"name": "Alberto Marà - berto",
"url": "https://berto.dev",
"logo": {
"@type": "ImageObject",
"url": "https://berto.dev/assets/media/img.breto.logo.svg"
}
},
"publisher": {
"@type": "Organization",
"name": "Shape Digital Group",
"sameAs": [
"https://twitter.com/ShapeTweet",
"https://www.facebook.com/shapegroup/"
]
}
}
</script>
<!-- - - - - - - - - - - - - - -->
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="theme.css">
<script async src="controller.js"></script>
</head>
<body itemscope itemtype="https://schema.org/WebPage">
<div id="start" class="limiter">
<div>
<nav>
<!--
<ul>
<li>
<a title="apri il tech hub" href="https://github.com/berto-dev" target="_blank" rel="noopener noreferrer">
<img height="50" width="50" src="./assets/media/ico.github.svg" alt="github social link">
</a>
</li>
<li>
<a title="rimani ispirato, seguimi su pinterest" href="https://www.pinterest.it/berto_pins/" target="_blank" rel="noopener noreferrer">
<img height="50" width="50" src="./assets/media/ico.pinterest.svg" alt="pinterest social link">
</a>
</li>
<li>
<a data-disabled="true" href="#" rel="noopener noreferrer">
<img height="50" width="50" src="./assets/media/ico.youtube.svg" alt="youtube social link">
</a>
</li>
<li>
<a title="seguimi su instagram" href="https://www.instagram.com/_berto.dev/" target="_blank" rel="noopener noreferrer">
<img height="50" width="50" src="./assets/media/ico.instagram.svg" alt="instagram social link">
</a>
</li>
<li>
<a title="conosciamoci su linkedin" href="https://www.linkedin.com/in/berto-dev/" target="_blank" rel="noopener noreferrer">
<img height="50" width="50" src="./assets/media/ico.linkedin.svg" alt="linkedin social link">
</a>
</li>
<li>
<a title="parliamone su whatsapp" href="https://wa.me/+393381368687" target="_blank" rel="noopener noreferrer">
<img height="50" width="50" src="./assets/media/ico.whatsapp.svg" alt="whatsapp business social link">
</a>
</li>
<li>
<a data-disabled="true" href="#" title="vuoi inviarmi una mail? clicca qui" target="_blank" rel="noopener noreferrer">
<img height="50" width="50" src="./assets/media/ico.mail.svg" alt="invio mail business">
</a>
</li>
</ul>
<ul>
<li>
<a data-disabled="true" href="#" title="apri lista risorse" target="_blank" rel="noopener noreferrer">
<img height="50" width="50" src="./assets/media/ico.fileshare.svg" alt="risorse condivise, link ai files">
</a>
</li>
<li>
<a href="./assets/media/albertomarangelo.cv2023.pdf" title="scarica curriculum" target="_blank" rel="noopener noreferrer">
<img height="50" width="50" src="./assets/media/ico.curriculum.svg" alt="versione stampabile / Curriculum Vitae">
</a>
</li>
</ul>
-->
</nav>
<article>
<header itemprop="description">
<img height="120" width="495" src="./assets/media/img.headersuperhr.webp" alt=" ---------- ">
<div>
<img height="100" width="100" src="./assets/media/img.berto.logo.svg" alt="alberto marà - digital master">
<p itemprop="name">
<span>Alberto Marangelo - <strong>Programmatore Roma</strong></span><br>
<em> DIGIΓΔL EXPERT / IT ROMA </em>
</p>
<h1>
Idee, esperienza, <br>sviluppo digitale
</h1>
<h2 itemprop="description">
TECH E SVILUPPO NELL’ERA DELLE IMPRESE 4.0
</h2>
</div>
<div>
<img height="100" width="100" src="./assets/media/bkg.head.faceprofile.webp" alt="professionista del digital e delle web technologies">
</div>
</header>
<section id="info" itemscope itemprop="Person" itemtype="https://schema.org/Person">
<h3>
BiO
</h3>
<div itemprop="description">
<h4>DALL’ERA DEL 56K ALLA PROGETTAZIONE DIGITALE ULTRA MODERNA</h4>
<p>
<span itemprop="name">Alberto Marangelo</span>, 1984, è <strong>programmatore freelancer roma</strong>no che opera nel settore <strong>digital management</strong> e nuove tecnologie.
</p>
<p>
Generazione 56K, passa la propria infanzia tra i primi <strong>siti web</strong>, versioni di photoshop e codici informatici. I corsi e le sperimentazioni post diploma confermeranno le sue inclinazioni lavorative forgiandolo
su molti lati dell’IT e del DTP (<strong>creazione di software aziendali</strong>, <strong>costruzione siti web</strong>, <strong>sviluppo app</strong>, <strong>game making</strong>, <strong>marketing web e altro</strong> )
diventando, dopo quasi vent’anni anni di appassionato lavoro, una figura trasversale e polivalente.
</p>
<p>
Ad oggi è a capo di un team di <strong>sviluppo</strong> per il <strong>business digitale</strong> <a href="#agency">[⇲]</a>.
</p>
<h4>ATTIVITA' DEL DIGITAL BUSINESS</h4>
<p>Alcune cose di cui è possibile parlare con un esperto del <strong>digital business</strong> e delle <strong>tecnologie del web</strong>. Mansioni o tecniche importanti per lo <strong>sviluppo informatico dentro un'attività</strong> post 2000.</p>
<div class="grid">
<!-- info scale valori https://www.liceomorgagni.edu.it/sites/www.liceomorgagni.it/files/dipartimentp_griglia_valutazione_1.pdf -->
<div class="meter" title="Ottimo: conoscenze complete ed approfondite. Capacità di analisi e messa in pratica delle argomentazioni e delle tecniche anche operando collegamenti interdisciplinari.">
<label>CTO / Coordinamento Progettuale <span>Ottimo</span></label>
<div id="coordinamento" data-value="70"><span class="shadow-dynamic">7/10</span></div>
</div>
<div class="meter" title="Esperto: conoscenze complete e approfondite, elaborate in modo personale e critico anche operando collegamenti interdisciplinari. Uso competente. Esposizione brillante.">
<label>Sviluppo Frontend <span>Esperto</span></label>
<div id="frontend-dev" data-value="70"><span class="shadow-dynamic">7.5/10</span></div>
</div>
<div class="meter" title="Esperto: conoscenze appropriate e buona capacità di analisi nell'operato da svolgere. Buone capacità di sviluppo su componenti o tecniche generali.">
<label>Sviluppo Backend <span>Full Stack Js / Php</span></label>
<div id="backend-dev" data-value="80"><span class="shadow-dynamic">8/10</span></div>
</div>
<div class="meter" title="Ampie e buona capacità di analisi e sintesi dell'operato da svolgere. Metodo organizzato. In fase di aggiornamento sulle ultime tecniche di realizzazione in React.">
<label>App / Sviluppo Portable <span>Capacitor / Cordova</span></label>
<div id="app-pwa" data-value="60"><span class="shadow-dynamic">6.5/10</span></div>
</div>
<div class="meter" title="Avanzato: conoscenze ampie e buona capacità di analisi e sintesi dell'operato da svolgere. Metodo organizzato. Avanzata conoscenza delle componenti e tecniche specifiche.">
<label>Indicizzazione / SEO <span>Avanzato</span></label>
<div id="seo-sem" data-value="70"><span class="shadow-dynamic">7/10</span></div>
</div>
<div class="meter" title="Discreta: conoscenze discrete Capacità di analisi delle argomentazioni e delle tecniche interdisciplinari connesse al business.">
<label>Brand e Business Design <span>Discreto</span></label>
<div id="branddesign" data-value="40"><span class="shadow-dynamic">5/10</span></div>
</div>
</div>
<p>
altre valide definizioni e tecnlogie del settore usate in studio:
</p>
<small><i>« Clicca per avere maggiori informazioni sulla definizione scelta »</i></small>
<div class="content-cut">
<ul>
<!--OS-->
<li title=" clicca ed apri le info...">
<p class="pop-definition">
<img height="25" width="25" src="./assets/media/ico.dfn.linux.svg" alt="Cos'è linux in breve">
<dfn>Linux OS</dfn>
<span>Linux è kernel che viene distribuito in una moltitudine di sistemi operativi. Famoso per la sua stabilità e sicurezza è apprezzato da molti per le configurazioni lato server e la sua tipica inclinazione al rimanere un prodotto per esperti del software.</span>
</p>
</li>
<li title=" clicca ed apri le info...">
<p class="pop-definition">
<img height="25" width="25" src="./assets/media/ico.dfn.windows.svg" alt="Cos'è Windows in breve">
<dfn>Windows OS</dfn>
<span>Windows è il più noto sistema operativo del pianeta. Sebbene sia usato da molti per scopi d'ufficio rimane un caposaldo nel settore dello sviluppo informatico e del tech. E potenzialmente corretto dire che, essendo "non free" e non "open source", la maggior parte degli sviluppi avvengo grazie a tecnologie trasversali e cross compatibili come le web technologies.e</span>
</p>
</li>
<li title=" clicca ed apri le info...">
<p class="pop-definition">
<img height="25" width="25" src="./assets/media/ico.dfn.ios.svg" alt="Cos'è IOS?">
<dfn>Apple OS</dfn>
<span>IOS (iPhone, iPod, iPad e iMac) è il sistema operativo distribuito non free per l'uso e sviluppo sulle piattaforme Apple. E potenzialmente corretto dire che, essendo "non free" anche nell'hardware su cui si appoggia, la maggior parte degli sviluppi avvengo grazie a tecnologie trasversali e cross compatibili come le web technologies, testate poi su macchine virtuali ove verrà installato tale sistema operativo.</span>
</p>
</li>
<li title=" clicca ed apri le info...">
<p class="pop-definition">
<img height="25" width="25" src="./assets/media/ico.dfn.android.svg" alt="Android e ChromeBook, di cosa si parla in breve">
<dfn>Adroid OS</dfn>
<span>Android & ChromeOS (SmartPhone e ChromeBook) è tra i sistemi operativi ultimi sul mercato. E potenzialmente corretto dire che, pur esendo in AOSP license, quindi open sources, essendo i suoi sviluppi limitati agli smartphone android, la maggior parte degli sviluppi avvengo grazie a tecnologie trasversali e cross compatibili come le web technologies.</span>
</p>
</li>
<li title=" clicca ed apri le info...">
<p class="pop-definition">
<img height="25" width="25" src="./assets/media/ico.dfn.cli-terminal-bash.svg" alt="CLI, Command line, bash: ecco cosa significa">
<dfn>Cli / Bash / Terminal ...</dfn>
<span>Fondamentalmente è il modo in cui un programmatore accede, per vie minimaliste e direttissime, ai comandi di un sistema operativo o programma informatico scrivendo direttamente su un "terminale", un pannello privo di fronzoli estetici che bypassa le UI (per brevità: le grafiche) e diversi controlli.</span>
</p>
</li>
<!--Programming-->
<li title=" clicca ed apri le info...">
<p class="pop-definition">
<img height="25" width="25" src="./assets/media/ico.dfn.html.svg" alt="Cos'è l HTML in breve">
<dfn>HTML</dfn>
<span>L'HTML (HYPERTEXT MARKUP LANGUAGE); Al contrario di quanti molti pensano, l'html non è un linguaggio di programmazione ma un sistema di markup atto a definire e raggruppare elementi seguiendo uno schema/semantica precisa e prestrutturata.</span>
</p>
</li>
<li title=" clicca ed apri le info...">
<p class="pop-definition">
<img height="25" width="25" src="./assets/media/ico.dfn.css.svg" alt="Cos'è il CSS in breve">
<dfn>CSS</dfn>
<span>Il CSS (Cascade stylesheet) è un protolinguaggio che serve a definire i paramentri visivi di una struttura ad oggetti o di markup come l'HTML.</span>
</p>
</li>
<!--
<li title=" clicca ed apri le info...">
<p class="pop-definition">
<i><img height="25" width="25" src="./assets/media/ico.dfn.atomicdesign.svg" alt="Cosa significa SEM in breve"></i>
<dfn>Atomic Design System</dfn>
<span>L'atomic design è un principio della progettazione ed architettura delle User Interface del web.</span>
</p>
</li>
-->
<li title=" clicca ed apri le info...">
<p class="pop-definition">
<img height="25" width="25" src="./assets/media/ico.dfn.javascript.svg" alt="Cos'è Javascript in breve">
<dfn>Javascript</dfn>
<span>Javascript è l'attuale linguaggio di programmazione web per antonomasia. Nato per gestire le interazioni degli utenti nelle pagine web è ora un complesso linguaggio di prototipazione e per server con cui si agisce nella quasi totalità delle app e siti di alto livello.</span>
</p>
</li>
<li title=" clicca ed apri le info...">
<p class="pop-definition">
<img height="25" width="25" src="./assets/media/ico.dfn.php.svg" alt="Cos'è PHP in breve">
<dfn>PHP</dfn>
<span>PHP è un linguaggio di programmazione storico del web. Ad oggi alla versione 8 è anche il principale linguaggio con cui è strutturato wordpress e la maggior parte dei server low cost del pianeta.</span>
</p>
</li>
<li title=" clicca ed apri le info...">
<p class="pop-definition">
<img height="25" width="25" src="./assets/media/ico.dfn.webapi.svg" alt="Che cosa sono le API in breve">
<dfn>API</dfn>
<span>Le API (Application Program Interface) sono un elaborato - spesso in javascript o php - per la comunicazione dati tra un client (ad esempio il tuo computer) e un server online (un computer connesso al web che stai interrogando su cosa ti serve). Essendo spesso un set di funzioni direttamente connesse a database ed interazioni, le API sono una parte integrante della logica ed il funzionamento di un sofware moderno.</span>
</p>
</li>
<li title=" clicca ed apri le info...">
<p class="pop-definition">
<img height="25" width="25" src="./assets/media/ico.dfn.nodejs.svg" alt="Che cosa è Node Js in breve">
<dfn>Node Js</dfn>
<span>Node Js è un "sistema" (runtime system) open source multipiattaforma che permette l'esecuzione di javascript in tempo reale e lato server. E' la moderla ed eleastica soluzione dello sviluppo backend e software in opposizione allo storico e marmoreo modello di php.</span>
</p>
</li>
<li title=" clicca ed apri le info...">
<p class="pop-definition">
<img height="25" width="25" src="./assets/media/ico.dfn.npm.svg" alt="Che cosa è Node Js in breve">
<dfn>Npm</dfn>
<span>Npm è il gestore dei pacchetti, progetti e plugin per node js.</span>
</p>
</li>
<li title=" clicca ed apri le info...">
<p class="pop-definition">
<img height="25" width="25" src="./assets/media/ico.dfn.mongodb.svg" alt="Che cosa è Mongo DB in breve">
<dfn>Mongo DB</dfn>
<span>In opposizione ai database a tabelle dell'ecosistema php, mongoDB è il database scalabile di nuova generazione capace di garantire performance di sviluppo e richiesta senza pari grazie al modello a documenti/oggetto simile a javascript.</span>
</p>
</li>
<li title=" clicca ed apri le info...">
<p class="pop-definition">
<img height="25" width="25" src="./assets/media/ico.dfn.cordova.svg" alt="Che cosa è Cordova in breve">
<dfn>Cordova / Phonegap</dfn>
<span>Cordova è l'antenato di "Capacitor" ed è stato uno tra i primi compilatori in grado di portare i linguaggi del web nello sviluppo app di android e ios. Purtroppo il progetto, preso in mano da Adobe e rinominato Phonegap... sembra essere definitivamente fallito.</span>
</p>
</li>
<li title=" clicca ed apri le info...">
<p class="pop-definition">
<img height="25" width="25" src="./assets/media/ico.dfn.pwa.svg" alt="Che cosa è Cordova in breve">
<dfn>PWA</dfn>
<span>Le pwa (Progressi Web App) sono, in sintesi, i sofware di nuova generazione realizzati con il linguaggi del web e conformi ad una specifica filosofia google</span>
</p>
</li>
<li title=" clicca ed apri le info...">
<p class="pop-definition">
<img height="25" width="25" src="./assets/media/ico.dfn.wordpress.svg" alt="Che cosa è Wordpress in breve">
<dfn>Wordpress</dfn>
<span>Wordpress è la piattaforma in php più espansa e venduta del pianeta. Rappresenta il 37% dei siti nel mondo e tra i sistemi low cost più venduti di tutti i tempi.</span>
</p>
</li>
<li title=" clicca ed apri le info...">
<p class="pop-definition">
<img height="25" width="25" src="./assets/media/ico.dfn.wamp.svg" alt="Che cosa è Wamp in breve">
<dfn>Wamp</dfn>
<span>Wamp è un ecosistema server, in windows, per la gestione dei siti internet in locale (sul proprio computer).</span>
</p>
</li>
<li title=" clicca ed apri le info...">
<p class="pop-definition">
<img height="25" width="25" src="./assets/media/ico.dfn.vscode.svg" alt="Che cosa è Visual Studio Code in breve">
<dfn>VSCode</dfn>
<span>Visual studio code è l'editor dei programmatori web -e non solo- del momento. Ed è l'editor con il quale è stato scritto questo sito.</span>
</p>
</li>
<li title=" clicca ed apri le info...">
<p class="pop-definition">
<img height="25" width="25" src="./assets/media/ico.dfn.atom.svg" alt="Che cosa è Atome Editor in breve">
<dfn>Atom Editor</dfn>
<span>Atom è il vecchio editor di codice fornito da Github. Nonostante la meravigliosa integrazione con la piattaforma, allo stato attuale, sembra esserci una vera e propria continua migrazione verso Visual studio code.</span>
</p>
</li>
<!--PROGRAMMING EXTRA-->
<li title=" clicca ed apri le info...">
<p class="pop-definition">
<img height="25" width="25" src="./assets/media/ico.dfn.csharp.svg" alt="Che cos'è C# in breve">
<dfn>CSharp</dfn>
<span>C# o CSharp è un linguaggio di programmazione tipicizzato ed altamente strutturato di microsoft. E' anche un linuguaggio per lo sviluppo web ma, in molti studi come il nostro, è utilizzato in Unity Engine per la realizzazione di componenti per il settore videoludico.</span>
</p>
</li>
<li title=" clicca ed apri le info...">
<p class="pop-definition">
<img height="25" width="25" src="./assets/media/ico.dfn.unity3d.svg" alt="Che cos'è Unity in breve">
<dfn>Unity Engine</dfn>
<span>Unity 3D è un engine per il settore di sviluppo videludico. Un ecosistema per la realizzazione del multimedia entertainment.</span>
</p>
</li>
<!--MARKETING WEB-->
<li title=" clicca ed apri le info...">
<p class="pop-definition">
<img height="25" width="25" src="./assets/media/ico.dfn.seo-semanticweb.svg" alt="Cosa significa SEO e Semantic Web in breve">
<dfn>SEO e Semantic Web</dfn>
<span>Quando si parla di indicizzare un sito o una pagina web, si parla di una serie di ottimizzazioni per i motori di ricerca (SEO Search-Engine-Optimization). Il miglior modo per fare SEO rimane quello di eseguire un ottimo lavoro di costruzione del sito web, per fare ciò occorre un'eccellente "semantica" nel codice e nel contenuto. In estrema sintesi si potrebbe definire la semantica di un sito come l'insieme di un ottimo codice, un ottima struttura html che definisca al meglio un ottimo contenuto (Copy Seo Oriented) con in più le ottimizzazioni tecniche tipiche come "META", "AMP", "W3C", "SCHEMA.ORG" [...] altro.</span>
</p>
</li>
<li title=" clicca ed apri le info...">
<p class="pop-definition">
<img height="25" width="25" src="./assets/media/ico.dfn.googleads.svg" alt="Cosa significa SEM in breve">
<dfn>SEM & ADSENSE</dfn>
<span>SEM, Search engine marketing... letteralmente il marketing applicato al web. Tra i doveri più comuni ci sono la pianificazione ed il controllo di campagne di view e ppc su google adsense online.</span>
</p>
</li>
<!--DESIGN-->
<li title=" clicca ed apri le info...">
<p class="pop-definition">
<img height="25" width="25" src="./assets/media/ico.dfn.figmadesign.svg" alt="Cosa significa SEM in breve">
<dfn>FIGMA DESIGN</dfn>
<span>Figma Design è il software cross piattaforma per la prototipazione, in grafica vettorale, più vicina alla vera realizzazione di un sito web o app.</span>
</p>
</li>
<li title=" clicca ed apri le info...">
<p class="pop-definition">
<img height="25" width="25" src="./assets/media/ico.dfn.adobe.svg" alt="Cosa significa SEM in breve">
<dfn>Adobe suite</dfn>
<span>Sopratutto Illustrator (grafica vettoriale), Photoshop (Fotoritocco e CGI), Premiere (Video Editing)... una delle più famose triadi della grafica dal 1990 ad oggi per lo sviluppo di un brand. Ovviamente consigliamo di visitare il sito ufficiale per comprendere l'enormità della suite Adobe.</span>
</p>
</li>
<li title=" clicca ed apri le info...">
<p class="pop-definition">
<img height="25" width="25" src="./assets/media/ico.dfn.blender.svg" alt="Cosa significa SEM in breve">
<dfn>Blender</dfn>
<span>Open source e free ma forse, con Cinema 4D, il miglior software per la realizzazione di grafiche 3d a 360° sul pianeta.</span>
</p>
</li>
<!--adn more-->
<li title=" clicca ed apri le info...">
<p class="pop-definition">
<img height="25" width="25" src="./assets/media/ico.dfn.andmore.svg" alt="...">
<dfn>e di più...</dfn>
<span>Semplicemente, non si finisce mai di imparare e mai di completare questa lista.</span>
</p>
</li>
</ul>
<div class="more">
<button>Espandi</button>
</div>
</div>
</div>
</section>
<hr>
<section id="agency">
<div class="grid">
<div class="linkpicture">
<img height="180" width="400" src="./assets/media/img.banner.agency.webp" title=" agenzia web e business online " alt=" agenzia per lo sviluppo web ed il business online ">
<img height="100" width="100" src="./assets/media/img.corner.plus.svg" title=" apri il link - (sito attualmente offline) " alt=" scopri come sviluppare un sito internet o un app ">
<img height="100" width="100" src="./assets/media/img.corner.color.svg" alt=" " />
</div>
<div>
<div>
<h3>
L’ AGENZIA INFORMATICA E LE WEB TECHNOLOGIES
</h3>
<p class="sideline">
<b>SCOPRI DI PIU’ </b>SUL SITO UFFICIALE<br>
<a target="_blank" href="https://deveet.com" title="Attualmente il sito è in manutenzione, riprova tra qualche giorno">apri deveet.com ➜</a>
</p>
</div>
</div>
</div>
<p>
Una rete di <strong>professionisti capaci di sviluppare dalla creazione di un logo fino alla messa online del tuo sito, app, ecommerce o portale</strong>. Passo per passo, step by step, insieme a te per <strong>costruire un bisiness di successo grazie alle potenzialità dell’informatica, del web</strong> ma soprattutto di persone veramente appassionate del <strong>digital business</strong>.
</p>
</section>
<hr>
<section id="noasap" class="grid">
<div>
<img height="246" width="138" src="./assets/media/img.banner.noasap.svg" alt=" programmatori di qualità per lo sviluppo informatico - no asap! qui non si corre a discapito della qualità del lavoro ">
</div>
<div>
<a href="https://www.prontopro.it/pro/alberto-mara-creative-director-shape-group" target="_blank" rel="noopener noreferrer">
<img height="100" width="100" src="./assets/media/img.prontoprologo.svg" alt=" pronto pro recensioni ">
</a>
<h4>Lavorare per innovare con qualità e non quantità:</h4>
<q> Disciplina, organizzazione e concentrazione sono la chiave del successo. La realizzazione di ogni sviluppo necessita dei giusti tempi. Difatti, NO ASAP <i>[* as soon as possible - "prima di subito"]</i> è una prerogativa fondamentale per me. </q>
<cite>{Alberto Marangelo}</cite>
</div>
</section>
<hr>
<section id="social-links">
<div class="grid">
<div>
<h5>Resta Ispirato : </h5>
<a href="https://www.pinterest.it/berto_pins/" target="_blank" rel="noopener noreferrer">
<div class="linkpicture">
<img height="180" width="400" src="./assets/media/img.banner.pinterest.webp" title=" App, Siti, ecommerce, layouts e molto altro ancora... " alt=" agenzia per lo sviluppo web ed il business online ">
<img height="100" width="100" src="./assets/media/img.corner.plus.svg" title=" apri il link alla gallery di sviluppo, resta sempre ispirato " alt=" scopri come sviluppare un sito internet o un app ">
<img height="100" width="100" src="./assets/media/img.corner.color.svg" alt=" " />
</div>
</a>
</div>
<div>
<h5>Tech hub : </h5>
<a href="https://github.com/berto-dev" target="_blank" rel="noopener noreferrer">
<div class="linkpicture">
<img height="180" width="400" src="./assets/media/img.banner.github.webp" title=" tech hub dell'agenzia web per il business online " alt=" agenzia per lo sviluppo web ed il business online ">
<img height="100" width="100" src="./assets/media/img.corner.plus.svg" title=" apri il link al technologies hub per attingere esperienze e risorse dai vari progetti depositati " alt=" scopri come sviluppare un sito internet o un app ">
<img height="100" width="100" src="./assets/media/img.corner.color.svg" alt=" " />
</div>
</a>
</div>
<div>
<h5>Connettiti : </h5>
<a href="https://www.instagram.com/_berto.dev/" target="_blank" rel="noopener noreferrer">
<div class="linkpicture">
<img height="180" width="400" src="./assets/media/img.banner.instagram.webp" title=" social ufficiale del programmatore romano " alt=" agenzia per lo sviluppo web ed il business online ">
<img height="100" width="100" src="./assets/media/img.corner.plus.svg" title=" apri il link ad instagram " alt=" scopri come sviluppare un sito internet o un app ">
<img height="100" width="100" src="./assets/media/img.corner.color.svg" alt=" " />
</div>
</a>
</div>
<div>
<h5>Contattami : </h5>
<a href="https://api.whatsapp.com/send/?phone=%2B393381368687" target="_blank" rel="noopener noreferrer">
<div class="linkpicture">
<img height="180" width="400" src="./assets/media/img.banner.whatsapp.webp" title=" web, sviluppo app, ecommerce online... Chiedi tutte le informazioni che ti servono " alt=" agenzia per lo sviluppo web ed il business online ">
<img height="100" width="100" src="./assets/media/img.corner.plus.svg" title=" Contatta lo studio di sviluppo informatico chattando direttamente con Alberto " alt=" scopri come sviluppare un sito internet o un app ">
<img height="100" width="100" src="./assets/media/img.corner.color.svg" alt=" " />
</div>
</a>
</div>
</div>
</section>
<hr>
<section id="pitch">
<div>
<img height="150" width="540" src="./assets/media/img.banner.oldstory.webp" alt=" foto di repertorio, durante alcuni progetti ">
<div>
<small>+ 50 Progetti dal 2005</small>
<h3>Pitch professionale: </h3>
</div>
</div>
<div class="grid">
<div>
<b><i>➜</i> 2020 - Sviluppo full stack / Seexor.com </b>
<p>
Creazione della piattaforma per la comparazione di prodotti medico sanitari nazionale
</p>
</div>
<div>
<b><i>➜</i> 2019 - SDG / Sviluppo full stack js</b>
<p>
Libera professione. Fondatore del guppo per i progetti digitali nel campo ITC e multimedia con altri esperti di settore.
</p>
</div>
<div>
<b><i>➜</i> 2016 - Management / Sviluppo app</b>
<p>
Gestione dei brand e di diversi progetti digitali (app/siti) per conto di Au79 in alcune gare d’appalto.
</p>
</div>
<div>
<b><i>➜</i> 2015 - Fondatore Webpack.org</b>
<p>
Oggi “kimera css”. Un framework per lo sviluppo di interfacce grafiche per la creazione di siti internet.
</p>
</div>
<div>
<b><i>➜</i> 2015 - Designer / Frontend Dev</b>
<p>
Per il progetto The One Events. Una piattaforma per la fidelizzazione, eventi e l’archiviazione di fotografie.
</p>
</div>
<div>
<b><i>➜</i> 2014 - Designer / Frontend Dev</b>
<p>
Per il progetto Condoweb. Una piattaforma per la gestione condominiale.
</p>
</div>
<div>
<b><i>➜</i> 2010 - Designer / Brand management</b>
<p>
Per diverse attività e progetti. Per alcune startup e come libera professione nel settore del design.
</p>
</div>
<div>
<b><i>➜</i> 2008 - Apertura dei Pixware studio</b>
<p>
Un’attività di design e web. Un vero e proprio primo esperimento di business sulla propria pelle.
</p>
</div>
</div>
</section>
<hr>
<a href="#start">⇪ Torna in cima</a>
</article>
</div>
<footer>
<p>
© 2021 - <strong>Alberto Marangelo</strong> - deveet.com (ex Shape Digital Group)<br><strong>Programmatore a roma</strong> - P.IVA 14907751003
</p>
</footer>
</div>
<div class="overlay"></div>
</body>
</html>