Good day.Recently I became interested in programming and decided to start with web development, namely with javascript and everything adjacent to it.I read that in order to write a site you need to master the frontend, but there is also a backend(Server development).
What, in fact, is the question.I'm already confused and I can’t figure out how to write and lift a website from scratch so that you can access it at least for LAN?

Really, in order to write a simple website without dizzying graphics, gifs and other"garbage" you need to start:
1) write the client interface yourself(if you can in the frontend)
2) Find a person who can come back and ask him to write his server part
3) Find a person who can in Photoshop and ask them to draw pictures for blocks, layouts, etc?

So here.What I need to learn in order for me to write a site where, for example, there will be just information about the electrician and his contacts, photos of work and opening hours

At the moment, began to actively explore JS, html, css.Further, judging by what is written in the web, it is better to continue with NodeJS

Thanks in advance for the replies.

10 Answers 10

If your site does not need to work with the database, then you can just throw statics on the hosting and your site will work fine
  • What does working with the database imply?
    What languages ​​do I need to learn in order to at least have an idea about the database?
    nodeJS?
    – Annoying5 Jan 29 '19 at 11:44
  • Annoying5, don't bother. You can make a great static website without any back end, with the coolest graphic bells and whistles.
    Learn the concepts of static/dynamic sites.
    – Talented Tarsier Jan 29 '19 at 12:15
  • Talented Tarsier, thanks! I'll keep it on mind! – Annoying5 Jan 29 '19 at 12:17
  • Annoying5, statics even has its pluses - hosting is much cheaper (on Reg.ru, for example).
    Of the obvious disadvantages is the difficulty of creating multipage sites. Oldschool decided on frames, read about them for general development.
    From my own experience: I began to learn the server part only after 2 years of studying the front end. This was useful because the concepts did not mix into a common mess. And he trained on the free plan of Yukoza (at that time he was almost the only designer who could only deal with the front).
    – Talented Tarsier Jan 29 '19 at 12:27
  • Talented Tarsier, I also created a couple of sites on the school for yukoze. But the designer didn’t go further than that, because I had no idea how it all worked). All I had enough strength to do was to change the pictures in the interface and correct the headers)

    Now I have plans to understand how the site itself works - designer ucoz)
    – Annoying5 Jan 29 '19 at 12:58
  • Annoying5, study the front end in its entirety. Yukoz is quite suitable for this.

    Here is an example of a completely static, multi-page, frame-based site - old.js-master.ru/SiteOnFrames
    Learn, try to do something like your own, using technology html5, css3.

    UPD
    Updated link. The previous one did not download the archive.
    – Talented Tarsier Jan 29 '19 at 13:55
  • Talented Tarsier, ?,
    api js-sa does not allow you to adequately make the display of content without restarting? Why these iframe? Are they limiting DOM manipulation and styling? There are ways to circumvent the restrictions - but these are crutches.
    – Fisher7 Jan 29 '19 at 14:03
  • Fisher7, a person learns from scratch. What ajax ??? And where does ifame? I was talking about the frame.
    Working with frames helps to hone knowledge of html + css. But when I get close to JS, knowing already perfectly all of the above, I’ll be the first to tell you how to make a simple Ajax, at least in native, at least in frameworks.
    – Talented Tarsier Jan 29 '19 at 14:08
  • Fisher7, +. Frames this is not good – Incredible Llama Jan 29 '19 at 14:09
  • Annoying5, here, read. SPA is static. Beck is not really needed there (even though it is written in the article) – Incredible Llama Jan 29 '19 at 14:12
  • Incredible Llama, Talented Tarsier, Fisher7, thank you very much. At leisure, I read everything. Thank. I have a rough idea of ​​what AJAX is - displaying and loading content in real time without reloading the page. Otherwise, many words are not familiar to me, for example, DOM //I haven’t got to it yet. – Annoying5 Jan 29 '19 at 14:37
  • Annoying5, Document Object Model
    It contains the entire hierarchy of the structure of the html page, if it is very brief.
    But I do not advise you to climb into the jungle from the very beginning. I have already given all the recommendations above.

    PS. About SPA - I agree with Incredible Llama completely, including, and that it is possible to make requests to static files - without server processing. But this is more complex technology. Although the same jQuery is implemented at times.
    – Talented Tarsier Jan 29 '19 at 14:41
  • Talented Tarsier, The next line is purely my opinion -
    even starting it’s not worthwhile to teach inappropriate/outdated equipment/technology...
    – Fisher7 Jan 29 '19 at 15:03
  • Fisher7, maybe you are right. This opinion really is. But the old working techniques, possessing at least single, but pluses, also IMHO, need to be taught.

    I argue: what to do in the same SPA with JS disabled in the browser? And the frames will work.
    I do not argue with you, but I also give an alternative opinion.
    – Talented Tarsier Jan 29 '19 at 15:12
  • Annoying5, here, sketched you on numerous requests from colleagues - an example of the simplest SPA. Just to understand the difference.
    old.js-master.ru/SiteOnSPA

    To shorten the code, jQuery was used to design the client server asynchronous interaction.
    – Talented Tarsier Jan 29 '19 at 15:43
  • Incredible Llama, I also wanted to ask about training. Is it normal that at the initial stage even simple and elementary tasks put me into a dead end?
    Suppose you read some chapter and sort of remember everything, but you don’t understand how to solve the problem.
    Is it normal that in order to understand or remember something you need to reread the chapter or article not 2 times, but 5 or even 7 times?
    – Annoying5 Jan 29 '19 at 16:26
  • Annoying5,
    Is it normal that at the initial stage even a simple and elementary task puts me at a dead end?

    Normal, because elementary things also need to be learned

    Suppose you read some chapter and sort of remember everything, but how to solve the problem you don’t understand at all. Is it normal that in order to understand or remember something you need to reread the chapter or article not 2 times, but 5 or even 7 times?

    This is also normal. It is advisable to read and practice immediately.
    – Incredible Llama Jan 29 '19 at 17:48
I would advise to look towards cms.
There are a lot of simple cms that allow you to deploy a ready-made engine with a sample site and basic functionality without in-depth knowledge with the help of a simple “further-next-ready” wizard. I usually recommend modx, but you may need something else.
Enough to buy a virtual hosting.
Most of the popular hosters offer installation of cms in one click or even with a pre-installed cms.

I would suggest to look in the direction of Wordpress a lot of documentation in Russian(in English and even more).
After installation, get a ready working site.Then you can play with plugins, and you can start picking out his brains:
- train in design: prescribe styles, change existing
- watch php functions in backend, write plugins, add functionality

A lot of questions google including StackOverflow.For starting, it seems to me, very good cms.Locally, too, unfolds without problems if the need arises.
  • Interstellar37,
    pick out his brains

    THIS IS WHAT I LOVE
    – Big-Time88 Jan 29 '19 at 13:32
Is it really necessary to start:
to write a simple website without dizzying graphics, gifs and other"garbage"

In order to write a simple website, you can simply html.

You are cunning, without specifying in the question what kind of functionality you want.If you say Wishlist, you can tell what technologies they are implemented.Then it will be clear where to dig.
A simple site can be hello world, or it can be an adaptive “one page with scrolling” on the webassembly.
The need for backend is determined by whether you have business logic in your project that needs to be processed on the server? And this is not necessarily something fancy.
Want:
- store the data in the database, output to the template(CMS functionality - separation of content and presentation),
- to process something on the server - data from the feedback form at least, or a currency calculator, or watts to kilowatts,
- any other actions with data for which there is enough imagination and which you cannot implement at the front.
???
So you need to think about the backend anyway.

And this is what it will be:
- your samopiska for PHP or Pythone, for example,
- ready CMS,
- framework.
It already depends on the specific tasks, IMHO.
On any of these options, you(with time) or a trained person(faster) will be able to fasten your front.But depending on the solution chosen, the effort/time/volume of finishing will be different!
  • I will try to respond briefly to what I want.
    Suppose I have a customer, he asks him to create a site for repair and maintenance of elevators. On this site you can register, leave a request for the repair of the elevator, as well as leave feedback on the company's work on the main page.
    You also need to create a chat bot. Clients can write without authorization and with authorization. Authorized managers will sit on the other side and reply to messages.
    On one of the possible tabs on the site you can watch a video about how our company works.

    This is for example. Now the question is:
    What technologies are needed for the implementation of such a project and can I know only knowing the front-end to do this (say, I can also draw)?
    – Annoying5 Jan 29 '19 at 14:44
  • Annoying5, if you take ready chatbot and figovinu for forms, then you can.
    Authorization on the site why?
    – Clever42 Jan 29 '19 at 15:04
  • it will be possible to register

    This prompts storage of users in the database and some actions with them on the server, from here we can say that you need a back-end.

    Chat bot - me It seems a separate topic. In the format of"what to choose/write" -"how to fasten to...". But here I am not strong, m. about him to create a separate question?

    What technologies are needed for the implementation of such a project

    - server programming language - PHP and Python are the most popular, in my opinion,
    - DB on the server is the same MySQL, for example.

    Then the question arises: to work with this"in the forehead", or use some kind of layer? With layers obviously faster and more convenient. I would divide everything into CMS and Frameworks. CMS is probably simpler (for example, someone drew a parallel"further - further - ready" - something like this is put to Wordpress (in PHP)). The frameworks probably take more time to learn and dive, but they give more flexibility and opportunities (Laraval, YII2 in PHP, Django in Python, for example).

    In principle, I think that the site you described (chat bot I do not consider it yet) you can do both on that and on that one. Probably on the basis of something more similar to the TK, a professional who owns several tools will answer which one is better. But it will be from his point of view!

    If we talk about what to study: most likely PHP (IMHO, it is used more widely). Or Python. Then select the instrument to the selected language and study it. In order for CMS to continue to work in the admin panel, you will have to dive into it too! ..

    knowing only the frontend

    On the server, something must happen! So one side will not do.
    – Shrunken98 Jan 29 '19 at 15:15
It all depends on the goals.
If you just need to make websites for clients, then you need knowledge of the front and some CMS.
If you need any individual projects, then you need to explore some more or less popular framework.
What language to learn on the back - it is up to you.You can study the one that you like.If the goal is a well-paid job, then it is better to analyze the job market in order to understand what will be more optimal.
for a simple site, it is enough to know html
if you want it to be beautiful - you need knowledge of html + css + image editor for images
for some more difficult moments you need to know javascript - this is for execution in the browser

Well, the server to develop, if necessary, to do something more than the above technologies allow
Firebase
.
..And when will hypertext languages ​​be no longer called programming
  • JavaScript - This is not a hypertext language. – Annoying5 Feb 8 '19 at 14:33
  • Annoying5, the fact is that sites do not program, sites write. So this word is not appropriate here. And I'm sorry, prifigachit buttons with js and any"actions" is not programming. Things need to be called with their names, or else around - website developers - programmers, evo as! – Concerned15 Feb 11 '19 at 06:20
  • Concerned15, I will explain to you what it means.
    The process and art of creating computer programs using programming languages. Programming combines elements of art, science, mathematics and engineering.

    In the narrow sense of the word, programming is considered as coding - the implementation of one or several interconnected algorithms in a certain programming language. In a broader sense, programming is the process of creating programs, that is, software development.

    Most of the work of a programmer is related to writing source code in one of the programming languages.
    – Annoying5 Feb 11 '19 at 08:49
  • Are you kidding me? Google to the rescue. The first time I meet a person who indignantly perceives the fact that programming is not rioting. You write questions like this, ask Google a question and understand what hypertext is, what programming is. How tools are used here and there. Programming is what as a result will create a complex process of actions (in simple terms) And a site is some kind of third-party support resources + hypertext + some click actions or other simple tasks. These are different things.
    ----
    Most of the work of a programmer is related to writing source code in one of the programming languages.
    here is the PROGRAMMING LANGUAGE and not the hypertext language. Sites do not program, they are written.
    A list of programming languages ​​and their description will help you get Google and Wikipedia.
    – Concerned15 Feb 12 '19 at 10:20
  • Annoying5, Strange situation. Sorry if that. Learn what you like, there is a good saying"how not to call a boat, it will still sail."
    ----------------------------------------------- ----------------
    A good programming language that is loved by many and highly digestible is pyton.
    – Concerned15 Feb 13 '19 at 12:15