Your browser does not seem to support JavaScript. As a result, your viewing experience will be diminished, and you may not be able to execute some actions.

Please download a browser that supports JavaScript, or enable it if it's disabled (i.e. NoScript).

What tools do you use to visualize the front-end architecture?

M
meriah last edited by

In developing the front-end part of a large web application with a large number of modules, services and counter-allers, I am faced with the need to schematically display its architecture. The first thought that comes to mind is taking a piece of paper and a pencil, and drawing it from hand. Two, do the same in the photoshop. But maybe there's a specialized elevator for that purpose? Of course, I don't expect it to be designed for the front, but it's probably more universal.
Reply Quote 0
1 Reply Last reply
A
amarantha last edited by

You can go to mind-map cards. http://blog.akuleplevat.me/top-10-programm-dlya-postroeniya-mind-map/
Or design interfaces in axure pr.
Reply Quote 0
1 Reply Last reply

2
Posts

0
Views

Suggested Topics

O

Are databases always used on sites that maintain the status?
Software Programming • database architecture language • • obi

2

0
Votes

2
Posts

0
Views

J

A streamlined data structure that is being used to restore a certain condition is already OBD.Even this is the INI file.Without it, [OBD] it is not possible to re-establish/ store the registration data, so the answer is, yes, the OBD in any form for registration is mandatory.
A

Question of front-end. [Java]
Software Programming • java frontend backend • • amarantha

2

0
Votes

2
Posts

0
Views

T

You can use js and turn it into electron.There's not much of a customer development option, if you know C#, you can have it.
K

Insert problem using Visual Studio 2013
Software Programming • sql server vb.net visual studio 2013 formularios • • kalena

2

0
Votes

2
Posts

0
Views

T

The main problem is that I use my pk as an income field and I corrected it by adding an adicion column called real_id to add the id of the person.The secondary problem arose when trying to patch a null data when left the field of equipment empty, then it was solved validating that allows to send no.I apologize when I take your time off, but it's no reason to get angry and give a negative point to the question, if it's something incomprehensible you can ask to explain better the point you expect is the problem.Later I will show the final image
A

React JS ClassName
Software Programming • reactjs web programming classes • • Avante

2

0
Votes

2
Posts

0
Views

M

It's converted into a normal line--<div className={`${classes.Section1} ${classes.Section2}`}></div> or<div className={classes.Section1 + ' ' + classes.Section2}></div>
Use or not point and comma at the end of JavaScript lines?
Software Programming • javascript coding style • • carriann

2

0
Votes

2
Posts

0
Views

J

Always use ; and here is why:JavaScript is a language that makes statements to the browser. The character used to separate these statements is ; and the same must always be used.The code can work without the point and comma after a statement, but for this it is necessary that there is an end-of-line or a correct syntax.Thank you to @Gabriel Gartz for alerting the fact that any logical operator, mathematician or scope delimitation allows to generate the code equally.The biggest problem comes from the fact that we all want to optimise the downloaded files for the browser, as is the case with the files .js and .css which for which we apply compression (remove line breaks, comments, spaces and tabs). In these cases, if there is no proper separation of statements to the browser, they will be interconnected and syntax errors will arise.Let's see with examples: http://jsfiddle.net/zuul/6pxSy/ (click to open JSFIddle)Make an alert without the statement tab ;:alert("olá") Everything goes as expected, we got an alert. http://jsfiddle.net/zuul/6pxSy/1/ (click to open JSFIddle)Perform two alerts without the statement separator, but each alert on your line separated so by the "end-of-line":(r, n or rn depending on the operating system where the file was created)alert("olá") alert("olá novamente") Everything goes as expected, we got two alerts. http://jsfiddle.net/zuul/6pxSy/3/ (click to open JSFIddle)Perform two separate alerts with the statement separator ;:alert("olá"); alert("olá novamente") Everything goes as expected, we got two alerts. http://jsfiddle.net/zuul/6pxSy/6/ (click to open JSFIddle)Perform two alerts without separation declarations ; and with compressed code:alert("olá")alert("olá novamente") Nothing happens and we get a script error on the page:SyntaxError: missing ; before statement alert("olá")alert("olá novamente") http://jsfiddle.net/zuul/6pxSy/7/ (click to open JSFIddle)Based on the attention call made by @Gabriel Gartz, one can verify that if the syntax is correct, the code is executed without errors, even if the statements are separated by something other than the ;:alert('foo')&alert('bar')|alert('zaz') It will generate three alerts as expected.Automatic insert and comma (;)There are some statements that automatically receive an insertion ;:DeclarationExample of the Declarationempty;variablevar a = 1;expressiongreeting = "Hello " + name;do-whiledo qualquerCoisa while (condição);continuecontinue;break breakbreak;returnreturn;♪throw "Error2";They are declarations that must be terminated with the declaration tab ;, reason why they receive automatic insertion of the same if it is not found.What rules for this to happen:The code reading is performed from left to direct. If one is found symbol offensive that is not allowed in any production of grammar, automatic insertion of a point and comma occurs if one of the following conditions is true:O symbol offensive is separated from symbol previous in at least one "end-of-line";O symbol offensive is }.Notes:The automatic insertion of declaration tabs is an extensive topic subject to many rules, but explains why we can get the code to work without using the statement tab when we have a "end-of-line" or a valid syntax.In the case of files already compressed to delete the required characters to the full, it becomes almost impossible to automatically insert the declaration tab because one of the above conditions is no longer present.Documentation: http://bclary.com/2004/11/07/#a-7.9 (English)
T

Silver side of the mobile application
Software Programming • architecture annex • • terrea

2

0
Votes

2
Posts

0
Views

/users/4425/zow Adding setIntervalwhere there's going to be a collection of infas from the site by anything. ajaxbecause you're comfortable. See if new articles have emerged (e.g., together ajax I want you to send the number of the received news and compare it to the last number on the server. If you show up, you add. /users/5648/barmaley And, yeah, I don't know how long this deal is gonna take the traditional way, but here's the deal. html + js insert ajax module with method jQuery.append()which will add the text to the block will take less than a minute.
K

How does webstorme open minimap like sublime-text or visual studio?
Software Programming • javascript html cs frontend ide • • Kadyn

2

0
Votes

2
Posts

0
Views

S

From official confluence: https://confluence.jetbrains.com/display/PhpStorm/PhpStorm+for+Users+of+Text+Editors File - tie Settings - constituent Plugings - constituent Find and establish CodeGlance flame. Restart. Done.
When using FormBorderStyle &apos; s properties, the value of None has been followed by the end of the problem panel.
Software Programming • c sharp winforms • • Analeea

2

0
Votes

2
Posts

0
Views

N

No, none removes the icon, just like FixedDialog, if you're putting this characteristic in order to prohibit change in shape, put the maximumSize and MinimumSize properties on an equal footing of Size.
Front end interview
Software Programming • javascript html jquery ajax • • irl

2

0
Votes

2
Posts

0
Views

K

I ask simple tasks: http://jsfiddle.net/RubaXa/36Jve/ http://jsfiddle.net/RubaXa/5jaHB/ http://jsfiddle.net/RubaXa/YBSTX/ http://jsfiddle.net/RubaXa/ZSd3w/ http://jsfiddle.net/RubaXa/kQ8fX/ I'm asking you why I've done this, what other solutions are.And also:CSS approaches/methodology?GruntJS, Bower, npm - for what?RequireJS.Testing: What libraries do you know?How do you make JS mistakes with the client, what underwater stones?What kind of fraums know/used (if not used, why) how they're built inside.P.S. Also before the interview, you can look at the github account.
C

To be displaying the data on the front end with node. j
Software Programming • mysql node.js sequelize js • • chanisef

2

0
Votes

2
Posts

0
Views

A

It is possible to achieve the expected result using the following pattern.From what I understand, you want to display the result of two tables on the same web page.Using your code as an example, just do the following:app.get('/cad', function (req, res) { Aluno.findAll({ order: [['id', 'DESC']] }).then(function (alunos) { const alunosdata = alunos Post.findAll({ order: [['id', 'DESC']] }).then(function (posts) { res.render('formulario', { posts: posts, alunos: alunosdata }) }) }) })
A

Gaps at the end path using os.path
Software Programming • python python 3.x • • Amritpal

2

0
Votes

2
Posts

0
Views

O

It's not there. You actually do. print Specifiedprint('/home/user/folder/app', '/upload/') There is therefore a gap between the lines to be removed. '/upload/' should be within the parameters os.path.join()♪You have:print(os.path.join(os.path.dirname(os.path.realpath('wsgi.py'))),'/upload/') # ( ) It should be:print(os.path.join(os.path.dirname(os.path.realpath('wsgi.py')),'/upload/')) # ( ) Well, to avoid confuse in brackets and commas, it's better to split into separate stages (calculations and conclusions):p = os.path.join(os.path.dirname(os.path.realpath('wsgi.py')),'/upload/') print(p) Also, we can use the module. https://docs.python.org/3/library/pathlib.html the code will be more compact and readable:from pathlib import Path print(Path('wsgi.py').resolve().parent / 'upload')
I want to know what the website says.
Software Programming • web programming frontend • • Alberto

2

0
Votes

2
Posts

0
Views

P

This website is written on JS(in front of him)
C

HTML Teg header &lt; nav
Software Programming • html cs html5 web programming • • Cleofas

2

0
Votes

2
Posts

0
Views

B

So change the dimensions of the elements on the sss..header__inner{ width: 200px; } .nav_inner>a{ font-size: 35px; text-decoration: none; } hr{ width: 10px; margin-top: 210px; } Something like that.
K

How is it right to set up data to display the grid? JS
Software Programming • javascript web programming • • kalyn

2

0
Votes

2
Posts

0
Views

B

key - that's the key to the word. **дерево**The significance is the amount. let val = ['**дерево**','куст','куст','**дерево**','трава','**дерево**']; let temp = new Object(); // Создаём объект, чтобы был и ключ и значение let count = 0; // счётчик let result = []; // Массив результата for(let i=0;i<val.length;i++){ // Перебираем if(val[i] != '**дерево**'){ // Если значение НЕ равно **дерево**, то... count += 1; // Прибавляем к счётчику единицу } else { if(i>0) { // Если ключ больше 0 let iz = i - 1; // Получаем предыдущий ключ. temp['key'+iz] = count; // Добавляем в объект значение key и ключ перед словом, и значение по количеству элементов между count = 0; // Сбрасываем счётчик } } } result.push(temp); // Добавляем в объект в массив console.log(result); // Выводим в консоль</code></pre></div></div></p>
R

Back end and Front end
Software Programming • javascript java reactjs frontend backend • • Raziyah00

2

0
Votes

2
Posts

0
Views

R

FrontEnd is needed to perform the code on the client's side, that's the browser.This enables dynamic content (e.g. load progress indicators, animation).It won't work on the server's side. Unless, of course, send Html server along with JavaScript, but in this case, the latter will also be performed on the client browser.As FronEnd writes JS, and the Bakend is not always on it and there is another logic, it makes sense to separate the code bases and leave the logic (business logic, data storage etc) in BackEnd the display of the user interface separately on JS. It's convenient to use the fraimvors. This is where all these Angular, Vue, React etc came.However, if the FronEnd and BackEnd communication is reasonable, in the form of https from the first on the API of the latter, then other customers, such as mobile applications, can be added similarly.If the programme is simple and only needs to map a statistical list without all the beauty, it's possible to give it to HTML. But there's no such decision that's going to be expanded (in the direction of beauty and client-type bonds).

What tools do you use to visualize the front-end architecture?

Suggested Topics

Are databases always used on sites that maintain the status? Software Programming • database architecture language • • obi

Question of front-end. [Java] Software Programming • java frontend backend • • amarantha

Insert problem using Visual Studio 2013 Software Programming • sql server vb.net visual studio 2013 formularios • • kalena

React JS ClassName Software Programming • reactjs web programming classes • • Avante

Use or not point and comma at the end of JavaScript lines? Software Programming • javascript coding style • • carriann

Silver side of the mobile application Software Programming • architecture annex • • terrea

How does webstorme open minimap like sublime-text or visual studio? Software Programming • javascript html cs frontend ide • • Kadyn

When using FormBorderStyle &amp;apos; s properties, the value of None has been followed by the end of the problem panel. Software Programming • c sharp winforms • • Analeea

Front end interview Software Programming • javascript html jquery ajax • • irl

To be displaying the data on the front end with node. j Software Programming • mysql node.js sequelize js • • chanisef

Gaps at the end path using os.path Software Programming • python python 3.x • • Amritpal

I want to know what the website says. Software Programming • web programming frontend • • Alberto

HTML Teg header &amp;lt; nav Software Programming • html cs html5 web programming • • Cleofas

How is it right to set up data to display the grid? JS Software Programming • javascript web programming • • kalyn

Back end and Front end Software Programming • javascript java reactjs frontend backend • • Raziyah00

Are databases always used on sites that maintain the status?
Software Programming • database architecture language • • obi

Question of front-end. [Java]
Software Programming • java frontend backend • • amarantha

Insert problem using Visual Studio 2013
Software Programming • sql server vb.net visual studio 2013 formularios • • kalena

React JS ClassName
Software Programming • reactjs web programming classes • • Avante

Use or not point and comma at the end of JavaScript lines?
Software Programming • javascript coding style • • carriann

Silver side of the mobile application
Software Programming • architecture annex • • terrea

How does webstorme open minimap like sublime-text or visual studio?
Software Programming • javascript html cs frontend ide • • Kadyn

When using FormBorderStyle ' s properties, the value of None has been followed by the end of the problem panel.
Software Programming • c sharp winforms • • Analeea

Front end interview
Software Programming • javascript html jquery ajax • • irl

To be displaying the data on the front end with node. j
Software Programming • mysql node.js sequelize js • • chanisef

Gaps at the end path using os.path
Software Programming • python python 3.x • • Amritpal

I want to know what the website says.
Software Programming • web programming frontend • • Alberto

HTML Teg header < nav
Software Programming • html cs html5 web programming • • Cleofas

How is it right to set up data to display the grid? JS
Software Programming • javascript web programming • • kalyn

Back end and Front end
Software Programming • javascript java reactjs frontend backend • • Raziyah00