Sorry for stupid question. I'm learning frontend and backend technology. I'd like to do apps like this easy, but i don't undertand how that was made.
https://thelucky777.site/
It's look very simple only few blocks, but index.css have more then 10 000 lines of code. It has a lot selectors name wb_layoutgrid54, wb_layoutgrid16 etc.
I know react a little and django.
My question is how can i do apps like this without headache? How that app was made?
Having a look at the site, I would be fairly certain this can be achieved using plain HTML, CSS and some Javascript/jQuery to help with the animations.
When it comes to development, my personal opinion is take for example a site, it can be developed many ways using different tools to achieve the same outcome. To make this less of a headache I would develop a wireframe and break things down step by step what you need to do without thinking what tool(s) was used and once you get an outline start to slowly build and research how to do certain sections using your skillset.
Overall I will still state that it can be done using basic tools such as HTML, CSS and some Javascript.
I hope this helps :)
Related
So, I want to apologize ahead of time but I've been googling and stack overflowing for an answer to this question and I just can't find a satisfactory one.
I know that Facebook uses React and, although I don't know what software architecture they use (MVC, Client-Server etc.), I can't see any react files or react components in the dev tools sources tab on any browser.
I'll show you an example in my own react app using create-react-app that shows all my files:
Create-react-apps dev tools sources:
However, when I go to Facebook's page, I don't see anything like that. I see this:
Facebook's dev tools sources:
This isn't only true of react apps, but just node apps I've made as well. Now, I want to know where all of this information is on facebook's page.... Where are the components? Why can't I see them? Where are all the post and get requests being run? How can I put breakpoints in the code for debugging? I mean, I don't even see an HTML page besides the elements tab! And, most importantly, how do I do the same thing to hide my files?
It seems like it adds an extra layer of security that I would think is preferable on all public websites. Once again, thanks in advance and, as far as I know, the answer to this is nowhere near obvious.
I admit, this one little bit confusing when you are quite new on the web development.
You can see your files (source code) via devtool because you also upload your .map files which help map your bundled/minified code into the the original readable one.
However, this is super helpful on development environment, but quite dangerous on production. What you need to do just remove the .map files, as comment suggested.
I want to create a website which consists of videos which will be uploaded by the admin and many useful information which all will be uploaded by an admin.
I have got the domain name, remote LAMP server.
I have gone through many tutorials and I tired creating using Drupal 8. Website was fine but while creating a new existing module the whole thing got crashed and I don't want to goback and recover it since it is a big mess.
So I want to try from first keeping it very simple.
Kindly guide me to achieve this. I will put all my effort to learn it.
Any help any documents which will help me to create will be greatly accepted.
I am beginner in C++, html. Can you guys let me know how can I achieve in creating a website.
You can find your answer here on your own:
So there are various languages that are being used in the web that perform various purposed and hence you can choose what functionality do you need in your website and according to that you can write the code in that language.
Lets take a quick look at some of the most widely used languages of the web:
1: HTML
This is a Markup Language which can be used basically just for writing the content and displaying on your webpage. You can create too many pages and link them to form a website.
2: CSS
This language helps you design your webpage and thus makes your webpage look way too better. A site only written in html in not preferrable.
3: JavaScript
This language is a scripting language that helps you do various cool stuff like handling input events (like click, hover,etc), change the content of your webpage dynamically, bring popups , etc.
4: PHP
This scripting language is also being widely used as this lets you work with the forms and submit to a database. In fact, if you learn this language you can write the logic behind your own facebook and you can give it a face using HTML, CSS.
Once you are done learning all these languages, you can now learn some of the cool libraries like:
Bootstrap (for css, js)
Jquery (Javascript)
Hi I am running a delivery shop and using delivery.com for my shop.
I also want to have my own website which user can order service or choose delivery time on the website like delivery.com does.
I wonder if is it better to develop from scratch or can I use wordpress and customize it? or are there plugins or widgets I can use for my website?
Please give me some advice what will be the best way to build my website.
Thank you.
Well technically anything is pretty much possible in Wordpress but it won't happen out of the box, unless you already have a theme in mind which serves this purpose. I won't be surprised if there is a theme out there which you can use to do this.
Personally I would build this from scratch as you would be able to build exactly what you want and you can build it with scalability in mind as well.
Wordpress tends to fall off when the site starts getting A LOT of traffic.
Check out Ruby on Rails, you would be surprised how at how simple it can be to build something like this.
The server will go down (if) when your site will visit 1000+ persons, because one of the problem of universal script that can be used (in opinion of creators) every where is that it make 100 sql queryes to display one simple page.
Im looking to get more into programming, and I've decided to look into creating a browser extension. This is exactly the kind of project I've been looking for to get stuck into programming web stuff but I'm new to it so I don't know where to start.
Could anyone suggest the different things I should look into?
The only programming experience I have so far is in Matlab. I've looked into C on and off in the past I but I have no practical experience with it.
I've started to have a look at Twando, an open source program which schedules tweets on Twitter where I'm going through and understanding all the code for that program (mostly php).
Afterwards I'll look more carefully at how to write Chrome browser extensions and then probably look into how to make 3rd party programs work with Twitter, Pinterest etc.
Am I looking along the right lines? Any constructive criticism will be appreciated.
I think you could do this using Javascript (and maybe JQuery, which is a library for Javascript that makes it easier/adds alot of easy to use functions).
For the basics:
http://developer.chrome.com/extensions/getstarted
This is great for learing to work with JSON and chrome extensions:
http://lifehacker.com/5857721/how-to-build-a-chrome-extension
What you could also do is download a simple extension from the "store" and open it to check what's inside. This helped me the most with learning Javascript and JQuery.
Is there a module or similar things that support skinning in NodeJS? I want to build a NodeJS website, and want to be able to re-skin the website as I like without much efforts, like in Wordpress.
Is skinning supported in NodeJS?
If you're interested in building a website in Node.js and don't need a wordpress-style cms behind it, there are few projects that can help you out.
Have you looked into Bootstrap? It's built with less which you can easily plug in to your Express setup (see the guide here, using the command line executable to set up a new project you can specify less like this: express --css less myapp and it will do all the work for you)
In the bootstrap less file are several variables you can use to change the colours, fonts, sizes, etc, and it's also got a lot of helpers for grid layouts and responsive designs.
It even includes a few useful javascript plugins too which make the ui nicer with less work.
There are also a lot of sites with themes and theme generators around which then work on top of bootstrap, and may achieve what you want.
Plugging in this sort of solution (whether bootstrap or other) is about as close as you can come to getting skinning for node; As otherwise suggested if you're looking for a CMS out of the box as well, probably best to look for another platform like Wordpress.
Node.js is not a content management system. It is a platform on top of which you could built a web server with a content management system. To answer your question you need to be looking for node.js based content management systems that support themes.
The only node.js CMS that I am aware of is Calipso. It's still pretty alpha-stage. It may have some theming support, but it is nowhere near as polished as Wordpress.
Also is there a reason why you want to use node.js? I mean there is nothing wrong in using Wordpress for creating a themeable website - it is just awesome for that.
If you just want another OnlineShop, or maybe a blog, i think nodejs is maybe not your right choose as Jed Watson told.
If your requirements are more complicated, and you want a quick and easy implementation of a nice web interface, and you have html, javascript, and css knowledge... I strongly recommend you just trying to work with MEAN.js
It puts together MongoDB Expressjs, AngularJs, and NodeJs.
Use this, for example with a yeoman fullstack constructor and you will have a powerful webapp, with user autentication, and much more in a few minutes.
After that, the use of jade, less, scss, and similar languages of modelling the front, and the easy way you can also model collections in the back, is for me the best combination you´ll find for creating a website today.
Hope it´ll help you
King Regards