-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathnews.html
More file actions
870 lines (835 loc) · 62 KB
/
news.html
File metadata and controls
870 lines (835 loc) · 62 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
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
<!DOCTYPE html>
<html lang="en-US" dir="ltr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--
Document Title
=============================================
-->
<title>Dont-code platform News</title>
<meta name="description" content="Provides updates and news on the Dont-code platform, a low-code no-code suite of tools.">
<meta name="keywords" content="low-code, no-code, low code, no code, news, internal">
<meta name="author" content="Dont-code team">
<!--
Favicons
=============================================
-->
<link rel="apple-touch-icon" sizes="238x133" href="assets/images/favicons/logo.png">
<link rel="icon" type="image/png" sizes="238x133" href="assets/images/favicons/logo.png">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="assets/images/favicons/logo.png">
<meta name="theme-color" content="#ffffff">
<!-- Seo using Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//collinfr.net/matomo/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '1']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Seo Code -->
<!--
Stylesheets
=============================================
-->
<!-- Default stylesheets-->
<link href="assets/lib/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Template specific stylesheets-->
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Volkhov:400i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet">
<link href="assets/lib/animate.css/animate.css" rel="stylesheet">
<link href="assets/lib/components-font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="assets/lib/et-line-font/et-line-font.css" rel="stylesheet">
<link href="assets/lib/flexslider/flexslider.css" rel="stylesheet">
<link href="assets/lib/owl.carousel/dist/assets/owl.carousel.min.css" rel="stylesheet">
<link href="assets/lib/owl.carousel/dist/assets/owl.theme.default.min.css" rel="stylesheet">
<link href="assets/lib/magnific-popup/dist/magnific-popup.css" rel="stylesheet">
<link href="assets/lib/simple-text-rotator/simpletextrotator.css" rel="stylesheet">
<!-- Main stylesheet and color file-->
<link href="assets/css/style.css" rel="stylesheet">
<link id="color-scheme" href="assets/css/colors/default.css" rel="stylesheet">
</head>
<body data-spy="scroll" data-target=".onpage-navigation" data-offset="60">
<main>
<div class="page-loader">
<div class="loader">Loading...</div>
</div>
<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#custom-collapse"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a class="navbar-brand" href="index.html">Dont-code</a>
</div>
<div class="collapse navbar-collapse" id="custom-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="index.html">Home</a></li>
<li><a href="https://dont-code.net/dashboard/repo/default">Apps</a></li>
<li class="dropdown"><a class="dropdown-toggle" href="developers.html">Developers</a>
<ul class="dropdown-menu" role="menu">
<li><a href="developers.html" >Homepage</a>
</li>
<li><a href="apps-beta.html" >Beta Apps</a>
</li>
<li class="dropdown"><a class="dropdown-toggle" href="#" data-toggle="dropdown">Links</a>
<ul class="dropdown-menu">
<li><a href="https://github.com/dont-code" target="_blank">Github (Source)</a></li>
<li><a href="https://angular.io" target="_blank">Angular (Framework)</a></li>
<li><a href="https://nx.dev" target="_blank">Nx (workspace)</a></li>
<li><a href="https://primefaces.org/primeng" target="_blank">Prime-ng (UI Components)</a></li>
<li><a href="https://quarkus.io" target="_blank">Quarkus (Services)</a></li>
<li><a href="https://www.jetbrains.com/idea/" target="_blank">IntelliJ Idea (IDE)</a></li>
<li><a href="https://mongodb.com" target="_blank">MongoDB (Database)</a></li>
<li><a href="https://scaleway.com" target="_blank">Scaleway (Hosting)</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<div class="main">
<section class="module bg-dark-60 blog-page-header" data-background="assets/images/news/news-bg-violet.jpg">
<div class="container">
<div class="row">
<div class="col-sm-6 col-sm-offset-3">
<h2 class="module-title font-alt">Dont-code news</h2>
<div class="module-subtitle font-serif">Gets the latest updates about Dont-code: Features, Development, Partnerships...</div>
</div>
</div>
</div>
</section>
<section class="module">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="row post-masonry post-columns">
<div class="col-md-6 col-lg-6">
<div class="post">
<div class="post-thumbnail"><a href="https://mistral.ai"><svg width="182" height="129" viewBox="0 0 365 258" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Mistral AI Logo">
<path d="M104.107 0H52.0525V51.57H104.107V0Z" fill="#FFD800"/>
<path d="M312.351 0H260.296V51.57H312.351V0Z" fill="#FFD800"/>
<path d="M156.161 51.5701H52.0525V103.14H156.161V51.5701Z" fill="#FFAF00"/>
<path d="M312.353 51.5701H208.244V103.14H312.353V51.5701Z" fill="#FFAF00"/>
<path d="M312.356 103.14H52.0525V154.71H312.356V103.14Z" fill="#FF8205"/>
<path d="M104.107 154.71H52.0525V206.28H104.107V154.71Z" fill="#FA500F"/>
<path d="M208.228 154.711H156.174V206.281H208.228V154.711Z" fill="#FA500F"/>
<path d="M312.351 154.711H260.296V206.281H312.351V154.711Z" fill="#FA500F"/>
<path d="M156.195 206.312H0V257.882H156.195V206.312Z" fill="#E10500"/>
<path d="M364.439 206.312H208.244V257.882H364.439V206.312Z" fill="#E10500"/>
</g>
</svg></a></div>
<div class="post-header font-alt">
<h2 class="post-title"><a href="#">Now even easier to generate you app !</a></h2>
<div class="post-meta">By <a href="#">Dont-code team</a> | 29th of March 2026
</div>
</div>
<div class="post-entry">
<p>Using Mistral.ai AI agents, you can now generate your new app just by discussing in plain text.</p>
<p>The agent will generate the configuration of your app.</p>
<p>You can preview it, and once you are happy with it, just save it.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="post">
<div class="post-thumbnail"><a href="https://ng-xtend.dev"><img src="https://ng-xtend.dev/docs/logos/logo-xtend-angular-red-small-transparent.png" alt="ng-xtend framework"/></a></div>
<div class="post-header font-alt">
<h2 class="post-title"><a href="#">Refactor to use ng-xtend</a></h2>
<div class="post-meta">By <a href="#">Dont-code team</a> | 2nd of November 2025
</div>
</div>
<div class="post-entry">
<p>Dont-code has developed a fully extensible plugin framework for Angular.</p>
<p>We believe this technology is useful on its own, outside of Dont-code.</p>
<p>So we've refactored the application and created <a href="https://ng-xtend.dev">ng-xtend framework</a>.</p>
<p>While dont-code now uses ng-xtend, You can use <a href="https://ng-xtend.dev">ng-xtend framework</a> independently of dont-code.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="post">
<div class="post-thumbnail"><a href="#"><img src="assets/images/plugins/plugin-commerce-price-refresh.gif" alt="Upgraded pricing"/></a></div>
<div class="post-header font-alt">
<h2 class="post-title"><a href="#">Enhanced management of product price</a></h2>
<div class="post-meta">By <a href="#">Dont-code team</a> | 9th of October 2023
</div>
</div>
<div class="post-entry">
<p>You may have noticed that the Price Checker was struggling to refresh prices for a large list of products.</p>
<p>That's because it was running all price checks at the same time, overloading the target websites.</p>
<p>Now, thanks to a new internal redesign, it just checks prices one by one, with an animation showing you the advancement.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="post">
<div class="post-thumbnail"><a href="#"><img src="assets/images/plugins/plugin-commerce-coffee-prices.png" alt="Commerce extension"/></a></div>
<div class="post-header font-alt">
<h2 class="post-title"><a href="#">You can now display product prices !</a></h2>
<div class="post-meta">By <a href="#">Dont-code team</a> | 11th of April 2023
</div>
</div>
<div class="post-entry">
<p>We've been working very hard to produce this new plugin: You can now check the online price of an item you are editing. </p>
<p>That's very useful for example when you are maintaining a list of your favorite products, you can now list their prices in online shops. 7 shops are already supported, and more will be added over time. See how the <a href="https://run.dont-code.net/preview-ui/latest/?projectId=Coffee%20Beans%20Evaluation">Coffee Bean App</a> has been enhanced to show you current product prices.</p>
<p>You can as well use this plugin to monitor the price of items you wish to buy: In one view you can see its price in different shops, and refresh them by a click of a button. Be sure to not miss any sales !</p>
<p>Check our new application for that: <a href="https://run.dont-code.net/preview-ui/latest/?projectId=Prices%20Checker">"Price Checker"</a></p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="post">
<div class="post-thumbnail"><a href="#"><img src="assets/images/plugins/plugin-report-pie-bar.png" alt="Pie and Bar charts"/></a></div>
<div class="post-header font-alt">
<h2 class="post-title"><a href="#">Reports are available</a></h2>
<div class="post-meta">By <a href="#">Dont-code team</a> | 19th of September 2022
</div>
</div>
<div class="post-entry">
<p>After a demand from one of our customer, we developed a plugin enabling you to easily generates charts based on your data. It is based on <a href="https://www.chartjs.org"><img src="https://www.chartjs.org/img/chartjs-logo.svg" width="40" /> Chart.js</a> as provided by <a href="https://primefaces.org">PrimeNG components.</a> </p>
<p>As for other plugins, you just need to configure the graphs needed in the Builder.</p>
<p>We developed <a href="https://www.npmjs.com/package/chartjs-adapter-date-std">a chartjs plugin</a> to support date format without dependencies to any javascript date libraries by the way.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="post">
<div class="post-thumbnail"><a href="#"><img src="assets/images/news/automated-release-build.png" alt="Github release"/></a></div>
<div class="post-header font-alt">
<h2 class="post-title"><a href="#">Automated releases</a></h2>
<div class="post-meta">By <a href="#">Dont-code team</a> | 9th of August 2022
</div>
</div>
<div class="post-entry">
<p>Now the release of Dont-code is completely automatized thanks to Github Actions.</p>
<p>All the core and plugins components are built, tested against each other, and deployed <a href="https://github.com/dont-code/release/tree/main/.github/workflows">in one script</a>.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="post">
<div class="post-thumbnail"><a href="#"><img src="assets/images/news/dont-code-two-level-it.png" alt="Two level IT"/></a></div>
<div class="post-header font-alt">
<h2 class="post-title"><a href="#">Two level IT: Promise enabled!</a></h2>
<div class="post-meta">By <a href="#">Dont-code team</a> | 10th of July 2022
</div>
</div>
<div class="post-entry">
<p>After months of hard work, and even more rework than expected, we have finally made one of the main promise of Dont-code possible.</p>
<p>The IT guys in the enterprise can:</p>
<ul>
<li>define its own specialized plugins based on Dont-code plugins.</li>
<li>Pre-configure them with enterprise specific items (server's url, and so on).</li>
<li>Deploy them in a repository dedicated for its enterprise.</li>
<li>For example, here is the <a href="https://dont-code.net/repositories/test-dont-code-repository.json">repository file for our own test applications.</a></li>
<li>Letting the users design their own application with easy-to-use and already enterprise enabled plugins.</li>
</li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="post">
<div class="post-thumbnail"><a href="#"><img src="assets/images/news/movie-list-display.png" alt="Plugin Rest movie"/></a></div>
<div class="post-header font-alt">
<h2 class="post-title"><a href="#">Now manage data from external application</a></h2>
<div class="post-meta">By <a href="#">Dont-code team</a> | 27th of March 2022
</div>
</div>
<div class="post-entry">
<p>Thanks to the newly developed Rest plugin, you can now easily and instantly display data coming from another application</p>
<ul>
<li>In the application builder, simply describe the data you want to display.</li>
<li>Then tells the builder the url of the Rest API providing this data.</li>
<li><img src="assets/images/news/builder-url-omdb-application.png" alt="Plugin Rest movie"/></li>
<li>Here we have set the url of the <a href="https://www.omdbapi.com/">Omdb API</a>, providing information about movies.</li>
<li>And immediately see the result (screenshot above) in the Previewer.</li>
</li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="post">
<div class="post-header font-alt">
<h2 class="post-title"><a href="#">Major Core rewrite</a></h2>
<div class="post-meta">By <a href="#">Dont-code team</a> | 20th of February 2022
</div>
</div>
<div class="post-entry">
<p>As you know, you can instantly witness the result of your application designed with <a href="https://run.dont-code.net/ide-ui/latest">Builder</a> through the <a href="https://run.dont-code.net/preview-ui/latest">Previewer</a>.</p>
<p>To do this, the Builder sends Change events to the Previewer, who then adapt its display and behavior.</p>
<p>Then the Previewer analyses the Change and sends it to the affected <a href="index.html#extensions">plugins</a> that can modify their behaviors.</p>
<p>Until now, each plugin must have been able to react to any kind of changes, with this new version, the plugins need only to take care of changes that interest them, Dont-code framework will ensure it receives updates if another change impacts it.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="post">
<div class="post-header font-alt">
<h2 class="post-title"><a href="#">Fixed editor issues</a></h2>
<div class="post-meta">By <a href="#">Dont-code team</a> | 29th of October 2021
</div>
</div>
<div class="post-entry">
<p>Following the pure eat-your-own-dog-food principle, we are using some of our <a href="https://dont-code.net/dashboard/repo/default">demo apps</a> internally.</p>
<p>While using the <a href="https://run.dont-code.net/preview-ui/latest/?projectId=Coffee%20Beans%20Evaluation">Coffee Bean Evaluator</a>, the <a href="https://run.dont-code.net/preview-ui/latest/?projectId=BBQ%20Sauce%20tasting">BBQ Sauce Taster</a> or the <a href="https://run.dont-code.net/preview-ui/latest/?projectId=Prix%20Complements%20Alimentaires">Complement Alimentaire Price Checker</a>, we've found some small issues in the editor plugin</p>
<ul>
<li>Empty values were discarded.</li>
<li>Clicking on Save button without leaving a field saved the old values.</li>
</ul>
<p>We made as well several usability enhancements</p>
<ul>
<li>Editor toolbar is replicated at the bottom of the screen for better flow.</li>
<li>Saving the document directly switch back to the list.</li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="post">
<div class="post-thumbnail"><a href="#"><img src="assets/images/news/plugin-seed-screenshot.png" alt="Plugin Seed screenshot"/></a></div>
<div class="post-header font-alt">
<h2 class="post-title"><a href="#">Plugin Development Starter Kit</a></h2>
<div class="post-meta">By <a href="#">Dont-code team</a> | 5th of August 2021
</div>
</div>
<div class="post-entry">
<p>A lot of enhancements have been deployed to ease the development of plugins for the Dont-code platform:</p>
<ul>
<li>We provide a Seed Github repository with working examples of plugins: <a href="https://github.com/dont-code/plugin-seed">The plugin seed</a></li>
<li>Just fork it, follow the readme, and you'll get a working plugin in no time !</li>
<li>In includes everything from debugger support, unit and end 2 end tests, application shell, automatic build and deploy to npm repository.</li>
<li>The result of the plugin-seed deployment can be seen <a href="https://run.dont-code.net/plugin-seed">here...</a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="post">
<div class="post-thumbnail"><a href="https://www.angulararchitects.io/aktuelles/the-microfrontend-revolution-part-2-module-federation-with-angular"><img src="assets/images/news/remote-plugin-loading.png" alt="Remote plugins"/></a></div>
<div class="post-header font-alt">
<h2 class="post-title"><a href="#">Dynamic plugins</a></h2>
<div class="post-meta">By <a href="#">Dont-code team</a> | 3rd of August 2021
</div>
</div>
<div class="post-entry">
<p>This is fully transparent for the user but now when you open the Previewer, it downloads the Plugin from a <a href="https://run.dont-code.net/plugins"><b>remote location</b></a>.</p>
<p>Before that, it was be compiled and deployed with all the plugins build-in. So what are the advantages of this dynamic approach ?</p>
<ul>
<li>Update to plugins are immediately visible. Just reload the Previewer to use the latest plugin.</li>
<li>Only the plugins needed will be loaded. When the list of plugins will grow, you'll be able to only load the ones you need.</li>
<li>Enable for Marketplace. You'll be able to browse the plugin marketplace, select one, it will be downloaded and immediately available for your application. </li>
</ul>
<p>This has been possible thanks to the great work of the <a href="https://github.com/angular-architects/module-federation-plugin">"Angular Architects" team.</a>. Not only they provided the library to help support <a href="https://webpack.js.org/concepts/module-federation/"><b>Module Federation of Webpack 5</b></a>, they also created <a href="https://github.com/manfredsteyer/module-federation-plugin-example"><b>an example</b></a> and <a href="https://www.angulararchitects.io/aktuelles/the-microfrontend-revolution-module-federation-in-webpack-5"><b>walkthrough</b></a> to make it easy to use !</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="post">
<div class="post-thumbnail"><a href="#"><img src="assets/images/news/titan-template-thumbnail.jpg" alt="Titan template"/></a></div>
<div class="post-header font-alt">
<h2 class="post-title"><a href="#">Reworked homepage</a></h2>
<div class="post-meta">By <a href="#">Dont-code team</a> | 27th of July 2021
</div>
</div>
<div class="post-entry">
<p>The old Dont-code homepage didn't fill its purpose: Based on clicky.com agent, around 5 users a day were reaching the page but a large majority of them didn't stay. Only a very few were going to the developers page. I checked with some 'normal' users, and they didn't like the look and feel of the pages.</p>
<p>I was using Github pages framework with the So simple theme:</p>
<a href="https://mmistakes.github.io/so-simple-theme/"><img src="assets/images/news/so-simple-theme-thumbnail.jpg" /></a>
<p>This was handy as for any new content I only had to write the text in markdown format, but the result was not that good.</p>
<p>So I've decided to rewrite the page.</p>
<p>Now I'm using the <a href="https://markup.themewagon.com/titan/index.html"><b>Titan template</b></a>, it's pure HTML and javascript, and the result looks much better. Now let's see if that sparkle more interest from users !</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="post">
<div class="post-thumbnail"><a href="#"><img src="assets/images/news/typescript-strict-mode.jpg" alt="Typescript strict mode"/></a></div>
<div class="post-header font-alt">
<h2 class="post-title"><a href="#">Using Strict mode for source</a></h2>
<div class="post-meta">By <a href="#">Dont-code team</a> | 16th of July 2021
Photo by <a href="https://unsplash.com/@pankajpatel?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Pankaj Patel</a> on <a href="https://unsplash.com/@pankajpatel?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>
</div>
</div>
<div class="post-entry">
<p>After the move to Angular 12, we have upgraded all the projects to follow the 'strict' rules from Typescript. This means making subtle changes in almost all source code.</p>
<p>With this <a href="https://angular.io/guide/strict-mode"><b>'strict' mode</b></a>, the typescript compiler is now checking all assignments to ensure null and undefined values are managed properly.</p>
For example,
<pre>let value:string = aMap.get('something');</pre>
triggers an error 'Cannot assign string|undefined type to string variable'.
<p>Because when you declare `let value:string` in strict mode you are explicitly telling the compiler that value cannot be null or undefined.
As `aMap.get('something')` can return undefined, the compiler catches this.
The compiler will do the same checks for function return values, parameters, class members, and so on!</p>
You can solve this in 2 ways:
<ol><li><b>Either explicitly allow null values in this variable:</b>
` let value?:string = aMap.get('something');`
Be aware that may trigger other errors in the code, for example if you are calling a function with this variable as parameter: The function itself must specify it accepts undefined values !
</li>
<li><b>Or separate undefined value handling:</b>
<pre>
// value's inferred type is string or undefined:
const value = aMap.get('something');
if (value) {
// compiler knows var cannot be undefined or null here
value.doOtherThing();
} else {
// Special treatment if no values are found
}
</pre>
</li>
</ol>
<p>The result of all this hopefully gives developers more hints at potential nasty bugs in their code, at the expanse of speed of development and code clarity. Let's see if in the Dont-code case this is worth the effort.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="post">
<div class="post-thumbnail"><a href="#"><img src="assets/images/news/angular-12.png" alt="Angular 12"/></a></div>
<div class="post-header font-alt">
<h2 class="post-title"><a href="#">Upgrade to Angular 12</a></h2>
<div class="post-meta">By <a href="#">Dont-code team</a> | 12th of July 2021
</div>
</div>
<div class="post-entry">
<p>This week-end has been spent upgrading Angular to version 12, and that was an easy one.</p>
Of course this involves some mandatory steps:
<ul>
<li><a href="https://nx.dev/latest/angular/core-concepts/updating-nx">Upgrade nx.dev workplace</a>.
</li>
<li><a href="https://github.com/dont-code/plugins/commit/5ceff360704eb1d181cea7edebb2ce775759467a#diff-7ae45ad102eab3b6d7e7896acd08c427a9b25b346470d7bc6507b6481575d519">Update dependencies in package.json]</a>.
</li>
<li><a href="https://www.primefaces.org/primeng-v12-0-0-is-here">Update PrimeNg to version 12</a>.
</li>
<li>Run unit and e2e tests.
</li>
<li>Turns out I cannot use rxjs 7.x yet, as several libraries (include Angular 12) mandates rxjs 6.x .
</li>
<li>Some test scripts had to be amended - mostly due to problems not detected by previous versions.
</li>
<li>A bad typescript code in my cypress additional functions to find angular components made tests hang.
</li>
<li>Re-release dont-code/core, then dont-code/plugins, then dont-code/ide-ui and finally dont-code/preview-ui.
</li>
<li>Re-deploy and test: Everything was working fine.
</li>
</ul>
<p>So it took me only a week-end to do this major upgrade, thanks <a href="https://angular.io">Angular</a>, <a href="https://nex.dev">Nrwl</a>, <a href="https://primefaces.org/primeng">Primetek</a>, <a href="https://jestjs.io">Jest</a> and <a href="https://cypress.io">Cypress</a>, I know this went smooth thanks to your hard work!</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="post">
<div class="post-thumbnail"><a href="#"><img src="assets/images/news/enter-euro-amount.gif" alt="Enter Euro Amount"/></a></div>
<div class="post-header font-alt">
<h2 class="post-title"><a href="#">Support for Currencies</a></h2>
<div class="post-meta">By <a href="#">Dont-code team</a> | 12th of July 2021
</div>
</div>
<div class="post-entry">
<p>Now the basic types Currency have been added. You can now start designing finance apps.</p>
<p>Thanks to the great <a href="https://www.primefaces.org/primeng">PrimeNG UI components</a>, the Previewer now allows you to edit amount in your Currency.</p>
List of currencies has been added as well.
<p>This took much more effort than for dates and images because I wanted to define a standard way of handling Money [with amount and currency](https://github.com/dont-code/core/blob/main/node/libs/core/src/lib/model/money-amount.ts), and I had to tweak the Dont-code framework itself to support multiple elements management by one field component.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="post">
<div class="post-thumbnail"><a href="#"><img src="assets/images/news/builder-grouped-field-types.png" alt="Date and image support"/></a></div>
<div class="post-header font-alt">
<h2 class="post-title"><a href="#">New field types added</a></h2>
<div class="post-meta">By <a href="#">Dont-code team</a> | 30th of June 2021
</div>
</div>
<div class="post-entry">
<p>Less than 2 days needed to add support for date, time, image and url.</p>
<p>Thanks to the plugin architecture it took me just a few hours to add new field types to the Dont-code platform...
I just needed to copy / paste the code for the basic fields (Text, Long, Numeric) and update the Angular templates to use <a href="https://primefaces.org/primeng/showcase/#/calendar">PrimeNg Calendar Component</a>.</p>
<p>In fact, most of the time was spent adding support for grouping field types due to the increasing number of them.</p>
<p>Next step is to add Currencies and Monetary Amount field types. Let's see how much effort will be needed for that !</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="post">
<div class="post-thumbnail"><a href="#"><img src="assets/images/news/share-data.gif" alt="Sharing data"/></a></div>
<div class="post-header font-alt">
<h2 class="post-title"><a href="#">Sharing data</a></h2>
<div class="post-meta">By <a href="#">Dont-code team</a> | 6th of June 2021
</div>
</div>
<div class="post-entry">
<p>Available today, you can share information with other users by selecting "Share with Dont-code users" in the <a href="https://run.dont-code.net/ide-ui/latest">Builder</a>.</p>
<p>You know you can directly edit data in the <a href="https://run.dont-code.net/preview-ui/latest">Previewer</a> while designing your application. Until now, this data was saved in your local computer (in the [Browser's IndexedDB](https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API)).
However, if you select "Share information with Dont-code users", then the data will be stored through the <a href="https://github.com/dont-code/data-services">Dont-code Data API</a> running in our Test server and stored in a MongoDB Database.</p>
<p>This means another user selecting the same project will be able to see and edit the same data. Another step in the journey of a usable no-code platform. Let's see if in the Dont-code case this is worth the effort.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="post">
<div class="post-thumbnail"><a href="#"><img src="assets/images/news/popup-session.gif" alt="Session Mgt"/></a></div>
<div class="post-header font-alt">
<h2 class="post-title"><a href="#">Session management</a></h2>
<div class="post-meta">By <a href="#">Dont-code team</a> | 9th June 2021
</div>
</div>
<div class="post-entry">
<p>Session Management has been implemented.</p>
<p>When you update your application model in the Builder, it shares all with the Previewer through a server.
This allows you to have the Previewer neatly separated from the Builder, and even starts multiple Previewers, all updated at the same time. Now when you use the [Builder Demo](https://run.dont-code.net/ide-ui/latest/), you can see at the top right a small popup showing the server it is connected to, and as well the Session used. Any modifications you're doing to your application design, is sent to the server and stored with this Session.</p>
<p>Then, when you Open the Previewer <img src="assets/images/news/open-previewer.gif" />, it will display the latest updates of your application related to this Session.</p>
<p>In order to do that, I've used a <a href="https://mongodb.org">MongoDB database</a> running on server side and storing all sessions updates.
The side effect is now I can see if and when people are using the demo.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="post">
<div class="post-thumbnail"><a href="#"><img src="assets/images/news/demo-apps.png" alt="Demo apps"/></a></div>
<div class="post-header font-alt">
<h2 class="post-title"><a href="#">Application Loading in Previewer</a></h2>
<div class="post-meta">By <a href="#">Dont-code team</a> | 25th May 2021
</div>
</div>
<div class="post-entry">
<p>Full Application loading is now delivered to the Previewer as well!</p>
<p>As a quick follow up to the last update, Previewer application now supports loading an application from scratch.
With the previously mentioned support from the Builder, one can just load, save or create a new application and see the result immediately.</p>
<p>In the <a href="https://run.dont-code.net/ide-ui/latest">Builder Demo</a>, you can load small applications already made: A Task Manager, a very simple Note Editor, a Recipe collection and so on...</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="post">
<div class="post-thumbnail"><a href="#"><img src="assets/images/news/builder-save-project.gif" alt="Saving project"/></a></div>
<div class="post-header font-alt">
<h2 class="post-title"><a href="#">Saving and Loading projects</a></h2>
<div class="post-meta">By <a href="#">Dont-code team</a> | 17th of May 2021
</div>
</div>
<div class="post-entry">
<p>Now one can save and load an application in the Builder.</p>
<p>If you have a look at the <a href="https://run.dont-code.net/ide-ui/latest">Application Builder Demo</a>, you'll see a new menu appeared: Projects.</p>
<p>Clicking on it, you'll see the project screen where you can save the current project or load another one.</p>
<p>One can believe this would be an easy thing to develop, however even the development team were surprised to see how difficult it was.
Not only we had to:</p>
<ul>
<li>Develop a new service to provide load/save project
</li>
<li>Switch to a better server to support a database for the Demo application
</li>
<li>Develop the screen in the builder to support load and save project workflow
</ul>
<p>However, we didn't expect the following issues:</p>
<ul>
<li>As the Builder editor screen is built automatically based on a meta-model document, it needs to be rebuilt whenever a project is loaded.
</li>
<li>The Builder shows the loaded project elements mixed with elements from the meta-model ready to be answered.
</li>
<li>The meta-model itself is dynamic (updatable by plugins).
</li>
</ul>
<p>So all this brought complexity to the development of this feature. And fear is growing as it needs to be applied to the [Previewer](https://run.dont-code.net/preview-ui/latest) as well.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="post">
<div class="post-thumbnail"><a href="#"><img src="assets/images/news/seo-screen.png" alt="Seobility screenshot"/></a></div>
<div class="post-header font-alt">
<h2 class="post-title"><a href="#">Axis on communication</a></h2>
<div class="post-meta">By <a href="#">Dont-code team</a> | 4th of May 2021
</div>
</div>
<div class="post-entry">
<p>We are entering a new step in the evolution of Dont-Code. Now that we got the basic applications working, we can show and explain the concept behind the Dont-Code platform: Going one level higher than the existing low-code or no-code frameworks. Dont-Code lets you combine already developed features together just with answering questions.</p>
<p>We've put in place some <a href="https://clicky.com">Analytics (Clicky)</a> and <a href="https://seobility.net">SEO (Seobility)</a> tools, and they show a lack of recognition of Dont-code with no-code or low-code keywords.</p>
<p>To bring more people and more developers to the site, we'll do the following:</p>
<ul>
<li>Make a video showing how to develop a Task list application in one minute.
</li>
<li>Write an article on Medium explaining the philosophy of Dont-Code.
</li>
<li>Post some notes on Reddit to draw potential developer's attention.
</li>
<li>...
</li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="post">
<div class="post-thumbnail"><a href="#"><img src="assets/images/news/country-editor.png" alt="Editing countries"/></a></div>
<div class="post-header font-alt">
<h2 class="post-title"><a href="#">Country field plugin</a></h2>
<div class="post-meta">By <a href="#">Dont-code team</a> | 30th of March 2021
</div>
</div>
<div class="post-entry">
<p>How to manage countries with the Dont-code platform?</p>
<p>We're happy to announce that a new plugin has been developed: The [Fields Plugin](https://github.com/dont-code/plugins/tree/main/libs/fields) provides a way to view / edit a Country.
It is now enabled by default in the Builder and the Previewer.</p>
<p>In the Builder, you can create a field of type Country:
<img src="assets/images/news/country-builder.png"/></p>
<p>Then, in the Previewer, you can select the country directly from a list and the values are displayed nicely with the flag in the list of elements:
<img src="assets/images/news/country-list.png"/></p>
<p>You can see that with the power of the dont-code platform, a plugin developed once can be reused to any application.</p>
<p>By the way, the source code of <a href="https://github.com/dont-code/plugins/tree/main/libs/fields">Fields Plugin in Github</a> is a great way to see how to develop a plugin for the Dont-code no-code platform.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="post">
<div class="post-thumbnail"><a href="#"><img src="assets/images/news/list-entities.png" alt="List basic fields"/></a></div>
<div class="post-header font-alt">
<h2 class="post-title"><a href="#">Basic Plugin Editor</a></h2>
<div class="post-meta">By <a href="#">Dont-code team</a> | 16th of February 2021
</div>
</div>
<div class="post-entry">
<p>Just a quick update to announce that the <a href="https://github.com/dont-code/plugins/tree/main/libs/basic">Basic Plugin</a> can now edit values of the entity.</p>
<p>The screenshots below show that for any created entities, you can list them (with dummy data), and as well edit them.
<img src="assets/images/news/edit-entity.png"/>.</p>
<p>Thanks to all the work done previously, it's now quite fast to create these new features !</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="post">
<div class="post-header font-alt">
<h2 class="post-title"><a href="#">Update on the basic plugin</a></h2>
<div class="post-meta">By <a href="#">Dont-code team</a> | 7th of February 2021
</div>
</div>
<div class="post-entry">
<p>Since its inception, the dont-code framework is progressing slowly but steadily.
As we want plugins to be tightly integrated into the framework itself, we have decided that all screens shown will be part of a plugin.</p>
<p>This is the purpose of the [Basic Plugin](https://github.com/dont-code/plugins/tree/main/libs/basic), it manages the display of entities by listing them and editing them.
For now, it just shows table columns that dynamically adjust to the fields you declare in the editor.</p>
<p>Next steps, displaying a list of values, displaying edit form, running queries against the database...</p>
<p>By the way, the menu now supports moving, deleting and renaming entities.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="post">
<div class="post-thumbnail"><a href="#"><img src="assets/images/news/dynamic-editor-screen-type.gif" alt="Editor screen"/></a></div>
<div class="post-header font-alt">
<h2 class="post-title"><a href="#">Plugin system is working</a></h2>
<div class="post-meta">By <a href="#">Dont-code team</a> | 2nd of October 2020
</div>
</div>
<div class="post-entry">
<p>We achieved quite a big step last week as the dont-code framework now supports loading plugins dynamically.
It supports two types of plugins:</p>
<ul>
<li>The plugins can modify the behavior of the [Builder](https://github.com/dont-code/ide-ui). It can modify the model used by dont-code to describe an application, then the builder automatically adapts the questions to support it.
For example, the [test screen plugin](https://github.com/dont-code/plugins/tree/main/libs/screen) adds the type field to the screen, and changes editor fields dynamically when selected.
</li>
<li>As well plugins can enhance the [Previewer](https://github.com/dont-code/preview-ui) by registering to display any items in the model.
The Previewer will call dynamically the registered plugin and push any information to it.
</li>
</ul>
<p>Of course, you can combine both in a single plugin, allowing you to add or modify any item in the editor and handle its display in the previewer !</p>
<p>To further enhance the plugin framework and make sure it is performant enough, even the core ui components of the previewer will be developed as plugins. You can find the basic ones in the following <a href="https://github.com/dont-code/plugins/libs/basic">repository</a>.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="post">
<div class="post-thumbnail"><a href="#"><img src="assets/images/news/application-builder.png" alt="Application Builder"/></a></div>
<div class="post-header font-alt">
<h2 class="post-title"><a href="#">The Dont-code tools</a></h2>
<div class="post-meta">By <a href="#">Dont-code team</a> | 16th July 2020
</div>
</div>
<div class="post-entry">
<p>Two applications work together to enable the development of applications without coding.
Let's describe them...</p>
<ol>
<li>The <a href="https://github.com/dont-code/ide-ui">Builder</a> is the Development Environment. It shows you pre-defined sentences, and you simply have to fill the blanks.
It is running in Angular + Angular Material
</li>
<li>The <a href="https://github.com/dont-code/preview-ui">Previewer</a> is where you see the result in realtime. It is connected to the Builder and reacts automatically to editions you make in the Builder
It is running in Angular + [PrimeNG UI](https://www.primefaces.org/primeng/)
</li>
</ol>
For example,
<ul>
<li>Start the <a href="https://run.dont-code.net/ide-ui/latest">Builder demo</a>, then have it open the Previewer by clicking here:
<img src="assets/images/news/builder-open-previewer.png"/>
</li>
<li>The previewer opens with default screen:
<img src="assets/images/news/previewer-just-opened.png"/>
</li>
<li>Then back to the editor, and change the application name:
<img src="assets/images/news/builder-change-app-name.png"/>
</li>
<li>You can see the Previewer immediately updates its title:
<img src="assets/images/news/previewer-with-name-test.png"/>
</li>
<li>Same if you add a new screen in the editor:
<img src="assets/images/news/builder-with-new-screen.png"/>
</li>
<li>It creates a menu in the Previewer:
<img src="assets/images/news/previewer-with-menu-editor.png"/>
</li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="post">
<div class="post-header font-alt">
<h2 class="post-title"><a href="#">Rewrote Editor Element</a></h2>
<div class="post-meta">By <a href="#">Dont-code team</a> | 23rd of May 2021
</div>
</div>
<div class="post-entry">
<p>To support plugins in the editor, I need to be able to display different editor elements depending on a selection.</p>
<p>For example, the [Screen Plugin](https://github.com/dont-code/plugins/tree/main/lib/screen) adds a screen type item, that when selected to 'list' for example, will ask the user only about
the entity name to display in the list.</p>
<p>So the default elements of a screen, like 'components' should be removed as they are not necessary.
The handling of editor elements is done in [TextService](https://github.com/dont-code/ide-ui/tree/main/apps/ide-ui/src/app/shared/text/services/text.service.ts) class, with maps of lists and so on. Complexity is high !</p>
<p>Now I changed this and [EditorElement](https://github.com/dont-code/ide-ui/blob/main/apps/ide-ui/src/app/routes/editor/editor-element.ts) stores their children directly, this simplifies a lot the code, I just spent 2 days rewritting it.
Two days with no new functionalities added, but now the code is simpler and ready for dynamic editing.
I even removed intermediary classes that were not needed anymore... Cool!</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="post">
<div class="post-header font-alt">
<h2 class="post-title"><a href="#">About licenses</a></h2>
<div class="post-meta">By <a href="#">Dont-code team</a> | 22nd of May 2021
</div>
</div>
<div class="post-entry">
<p>I'm not really an expert in licenses, so I'm not sure my current choices will be the right ones.</p>
<p>There are several parts to the dont-core framework, and as they serve different purposes, they have different licenses.</p>
<ol>
<li>The <a href="https://github.com/dont-code/core">core library</a> framework is used by all components, and I want anyone interested to be able to use it.
So for it I selected the most permissive license I'm aware of: the <b>MIT license</b>.
</li>
<li>The <a href="https://github.com/dont-code/ide-ui">Builder</a> and <a href="https://github.com/dont-code/preview-ui">Previewer</a> can be both rewritten as long as they follow the guidelines defined by core.
<p>However I don't want them to be used without something in return, so they are under <b>AGPL license</b>.
That means you can derive your work from it, and even run them in your public cloud, but any changes to it must be open-sourced as well.</p>
</li>
</ol>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="post">
<div class="post-thumbnail"><a href="#"><img src="assets/images/news/builder-with-type-from-plugin.png" alt="Builder showing plugin"/></a></div>
<div class="post-header font-alt">
<h2 class="post-title"><a href="#">The plugin system</a></h2>
<div class="post-meta">By <a href="#">Dont-code team</a> | 5th of May 2020
</div>
</div>
<div class="post-entry">
<p>One of the most important part is the plugin system.</p>
<p>To be successful and different from other low-code or no-code platforms, Dont-code should be as extensible as possible.
This way, persons or companies from all over the world will be able to use and add any kind of functionalities.</p>
<p>Of course, this is quite complex as you must allow changes in the core of the framework from external.</p>
This is why I need to:
<ul style="list-style-type: none">
<li><i class="fa fa-check-square-o"></i> Create a <a href="https://github.com/dont-code/core">Core library</a>, linking together the <a href="https://github.com/dont-code/ide-ui">Builder</a>, the <a href="https://github.com/dont-code/preview-ui">Previewer</a> and the <a href="https://github.com/dont-code/plugins">Plugins</a>.
</li>
<li><i class="fa fa-check-square-o"></i> Enable plugins to register to core.
</li>
<li><i class="fa fa-check-square-o"></i> Re-write partially the Builder to support dynamic schema as it is being updated by plugins.
</li>
<li><i class="fa fa-check-square-o"></i> Tidy up the editor to enable options overloading and reordering.
</li>
<li><i class="fa fa-check-square-o"></i> Enable the plugins to register with the Previewer.
</li>
</ul>
<p>It is starting to work now.
For example, a plugin can add a list of options named 'type' to the editor by registering with</p>
<pre>
{
"schema-updates": [{
"id": "screen-list",
"description": "A screen displaying a list of items",
"changes": [{
"location": {
"parent": "#/definitions/screen",
"id": "type",
"after": "name"
},
"add": {
"enum": [
"list"
]
},
"props": {
"entity": {
"$ref": "#/definitions/entity",
"format": "#/creation/entities"
}
},
"replace": true
}]
}]
}
</pre>
<p>Of course, it is placed only at the end for now, it should as well replace the other options of screens, but it's a start.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<hr class="divider-d">
<footer class="footer bg-footer">
<div class="container">
<div class="row">
<div class="col-sm-6">
<p class="copyright font-alt">© 2021 <a href="index.html">Dont-code</a>, All Rights Reserved.</p>
</div>
<div class="col-sm-6">
<div class="footer-social-links">Based on the <a href="https://themewagon.com/themes/titan/"><img src="assets/images/favicons/titan-logo.png" style="vertical-align: top;" />itan template. Great stuff guys, you rock!</a>
<a href="https://www.flaticon.com" title="icons">icons created by Freepik - Flaticon - Gregor Cresnar Premium</a>
</div>
</div>
</div>
</div>
</footer>
</div>
<div class="scroll-up"><a href="#totop"><i class="fa fa-angle-double-up"></i></a></div>
</main>
<!--
JavaScripts
=============================================
-->
<script src="assets/lib/jquery/dist/jquery.js"></script>
<script src="assets/lib/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="assets/lib/wow/dist/wow.js"></script>
<script src="assets/lib/jquery.mb.ytplayer/dist/jquery.mb.YTPlayer.js"></script>
<script src="assets/lib/isotope/dist/isotope.pkgd.js"></script>
<script src="assets/lib/imagesloaded/imagesloaded.pkgd.js"></script>
<script src="assets/lib/flexslider/jquery.flexslider.js"></script>
<script src="assets/lib/owl.carousel/dist/owl.carousel.min.js"></script>
<script src="assets/lib/smoothscroll.js"></script>
<script src="assets/lib/magnific-popup/dist/jquery.magnific-popup.js"></script>
<script src="assets/lib/simple-text-rotator/jquery.simple-text-rotator.min.js"></script>
<script src="assets/js/plugins.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>