What are /r/webdevelopment's favorite Products & Services?
From 3.5 billion Reddit comments

Codecademy has some good free tutorials on both of them (http://www.codecademy.com/en/tracks/javascript), then aside from that, after the basic tutorials, picking a project and trying to make it seems like a good way :)

Looks like it's a Wix-Site - according to BuiltWith.

Edit: The tool also shows you a bunch of the front-end packages used, that should help you track down the feature you're looking for.

I would recommend an alternative if you are just starting out.

You don't want to outgrow your platform because it will be equivalent to doing a heart surgery in a third world country.

I would recommend one ecommerce solution that can grow with your business.

Shopping Cart Elite has all features included. We’re talking about SEO, ANALYTICS, MARKETPLACE, MANAGEMENT, CRM, AUTOMATION, SOCIAL INTEGRATION along with a host of other unique features you won’t find in any other software.

Features like TEA, Threat Engagement Analytics, a free add-on that gives you the ability to track your visitors mouse movement and mouse and keyboard clicks on your website allowing you to better understand your shoppers behaviors.

They also have a good case study for startups that you can find here Special Package by Shopping Cart Elite

WordPress' obvious vulnerabilities?

"Shortcomings", fine. But, vulnerabilities? It's the most widely used "CMS" so it's the most widely attacked, but it's not inherently vulnerable. If you know what you're doing and don't just download 40 plugins and a random ThemeForest theme, you're fine.

I'm not familiar with wpForo, but there's also bbPress for WordPress which is pretty decent. I believe it's also an Automattic-backed product, which means that there are at least some (outdated) standards behind it, and there will be every attempt made to keep it compatible with the WP Core.

This can't always be said for third-party plugins.

> ProcessWire

https://processwire.com/api/ref/wire-date-time/

https://stackoverflow.com/questions/25330471/set-the-date-time-locale-to-de-at-instead-of-de-de-on-microsoft-azure-website

these 2 links might help you

I'm a self taught front-end web developer. I believe having confidence is the most vital thing we should look into and writing code happens to be the best way to have that feeling. For me, Freecodecamp was the best source, Since it is based more on practicals, than theory. Give that a shot! Good luck buddy :)

Hello there,

I wouldn't force gmail upon the user of your site, but rather use the common simple version, that opens up the installes mail client on your user's oS (or gives the option which one to use). Goes like this:

(Besides, on a sidenote, if site hosted in Europe, or target's european audience - due to the GDPR - you are not allowed du link to various google services without getting the users consent first, goes for embeded google maps as well btw. - not absolutely sure if law applies here too, but i think it does)

If, however, its nescessary or only works with gmail. What you intend to build, it would be like this:

<a href="https://mail.google.com/mail/?view=cm&fs=1&[email protected]&su=youremailsubject&body=body=here"> name of you gmail link </a>

(...john.doe...youremailsubject etc. Are replacable ofc...)

...also, if both doesnt suit, you could use a <form> and <submit> to send emails from your site...

--- hope that helps :)

for example you want a gallery slider and don't know how to do it from scratch. you google one template with some files including a index.html sample file . now you need to transfer that slider demo to you own index.html.

probably you will see in the <head> some links like this:

I know from memory this is a google analytics javascript link. What this is doing is saying to the website "now I can use a google analytics tag somewhere in this HTML page because the source code is here in the head"

~~~~~~~~~~~~~~~~~~~~~~~~~~

for example with Jquery too:

just pasting this line <script src="jquery-3.5.1.min.js"></script>

you can add to your website any jquery component and create using all the features it provides.

~~~~~~~~~~~~~~~~~~~~~~~~~~

for example this is how you install React.

https://reactjs.org/docs/add-react-to-a-website.html

but react goes in the <body> tags not in the head.

~~~~~~~~~~~~~~~~~~~~~~~~~~

same thing with CSS. am sure you know yo have to link your css file in the head so it can apply the styles on the page.

if you do not add the link to the source code then all you can do in a website would be HTML.

so yea, is confusing when people say INSTALL THIS when all you have to say is "add the link in the head or the body"

From my experience can recommend Codecademy-Learn to code. Its free and has almost all the languages on its platform, from simple HTML to java, ruby, etc. That was the best place for me to learn programming languages. The plus point of codecademy is that you not just learn the concepts but also execute those concepts in real time practically. Codecademy is designed in such a way that you have to perform a code test after every lesson to test your learned skills. Only after that you can proceed to the next lesson.

Copy GitHub repo link, open your terminal and go to your desired directory. Now type "git clone [repo link]" (Place the repo link without brackets).

Copy GitHub repo link and open your terminal and go to your desired directory. Now type "git clone [repo link]" (Place the repo link without brackets).
Download the GitHub Desktop App and clone it from there.
Go to your GitHub repo and click on the green "code" button and then on the "Download ZIP" button, from where you can then extract the files.

If you are working around APIs, you might need the Developers Tools to be open all the time, which, to be honest, is a headache, at least for me. So, I use the HTTP Web Headers Chrome extension, which does not need me to reload the page. Even if I forgot to open the developer tools and it is straightforward to use, opening and displaying necessary information with just a click and not waiting for something you will not need, I hope this helps.

Websockets keep an open connection where they can push user specific updates. They've probably got their own system going.

Personally I've used Pusher on projects, connected to pubsub topics (though we were using microservices), but you should be able to trigger with any backend.

There are also solutions like Firebase's Firestore database which uses websockets to make realitime updates straight from database records.

Checkout Google's Firebase. It's dead simple to get started and deploy literally within minutes. It's too often overlooked but is now my goto for new apps. Authentication is super easy, and it's made for those who want to build scalable apps without dealing with infrastructure. The free tier will get you going for a while. You should be able to work with a mySQL database or try to setup with their nosql Firestore. Do you have a backend language in mind?

I'm also doing the same and my advice to you is go through the link below of freecodecamp.org, It have good projects for beginners and also have previews of those projects i.e the output of projects. Your task is to develop the same short websites and you can even run their tests on your website. Here is the link to one of the projects, so go and give it a shot https://www.freecodecamp.org/learn/responsive-web-design/responsive-web-design-projects/build-a-tribute-page

It’s quite expensive but if you look online for pdf version I’m sure you could find it rather than buy the physical copy.

Head First JavaScript Programming: A Brain-Friendly Guide https://www.amazon.co.uk/dp/144934013X/ref=cm_sw_r_cp_api_glt_fabc_6SMJ7WP8AD2N2F0VQ9AC

GitHub Pages allows you to host your own custom domain for free, up to 1GB for source repositories and other details you can find here.

It'll be good for a hiring manager see your work on GitHub, the updates you make, and also commenting and commit notes.

Laracasts.com will have their annual sale soon (rumors are it starts Tomorrow, Nov 23rd). This is a great site for learning web and application development. I have been a member for years and Jeffry is always adding new content.

You're overthinking it. This is a question you should be asking your client on an individual basis. Clients will all have different requirements and needs and as a freelancer, your job is to adapt to their requirements and needs.

They may already have a domain and webhost, so they just need you to build a website to add to their host. Or maybe they already have a website so you just need to update their existing. Either way, you need to look at their situation, analyze their requirements, and come up with an appropriate solution.

Chances are, they may already be familiar with Wordpress. But if not, you might have to train them. Rather than thinking of that as an issue, think of that as a business opportunity. You can tell them you can train them, but it costs extra. If they want you to host their site and provide support? Okay but it'll cost you this much each month in recurring revenue.

You mention Wordpress but it doesn't sound like you're really familiar with it yet. Wordpress is completely free and open source. There's a difference between Wordpress.com (which hosts Wordpress for you for a price) and Wordpress.org (which lets you host your own full version of Wordpress wherever you want). There's a lot you can do with Wordpress so I would try to focus more on learning how to develop a site in a CMS of your choice (Wordpress or whatever else) more than trying to answer hypotheticals.

Content Management doesn't get much easier than with WordPress. I've been building a site for a band since summer with WordPress and they like to use it because it's a bit like Office software.

It's worth a shot to watch at least 1 hour of relevant YouTube tutorials for the basics. Initially, I struggled with WP as well, so I understand your frustration. WordPress has gone downhill within the last 10 years in many regards...

What helped was getting a theme from Elmastudio and using that without customizations.

Real alternatives to WordPress are very rare and seldom free.

BTW: Are you using the self-hosted version from wordpress.org or paying for a plan at wordpress.com ?

You're talking about an ecommerce site, which is a non-trivial type of web project. It needs a lot of security, for one thing. I'd start by searching for reviews. I searched for "easy ecommerce website" and got links like this: https://zapier.com/learn/ecommerce/best-ecommerce-shopping-cart-software/

You're going to need to recreate it using HTML, CSS, and Javascript. There is nothing I know of that will take an old Flash file and convert it. Those technologies are just too different from each other. That being said, it doesn't sound like you're capable. I highly recommend hiring help.

If you can show us the Flash file I'm sure some of us can throw out some quotes. Upwork.com is another place to try (Or anything like it). You'll get a lot of people bidding on the job.

Start off with Codecademy.
Check out the Bento Tracks as you go.
Udacity and Udemy are also good resources, they're full of free lessons.

best of luck my friend!

Learn more about how to debug your code. Debugging is by far the hardest part of programming.

Consider taking the Udacity course on software debugging. https://www.udacity.com/course/cs259

Unfortunatly, knowing about how to implement a website is half the battle, and theres a million and 1 ways this happens

but not impossible without!

you'll need;

access to the CMS and access to templating part of that (some CMS' have member group access privileges to different parts - for example editors just need to make content and don't concern themselves with the html) , if there is one.

access to the server (IP address to connect, ftp user/pass) - if the Dev runs this they might not be too keen to give up that info.

if it is on wordpress, try to find some resources to familiarise yourself with how a wordpress site is put together; where the templates are (for html) and the file directories for css. (sorry I can't help more on this part I stay away from wordpress).

You'll need an FTP client (try Filezilla) to connect (with info asked from above), download and reupload the files you want to edit

ofcourse a text editor

If you have/can get control of the domain/DNS/hosting (the website owner really should have this or be in good contact with whoever does), you can point the domain to a new server and build it from scratch, or some of it, on top of any CMS (Content Management System) (I recommend expressionengine - and it's free)(you'll need a Database for this - a good CMS handles most of the setup of this part) you like.

or, You don't even need a CMS if you just want a simple html/css structure...

I hope I haven't made this all too confusing.

Sorry, need to re-visit this thread, cause I'm still a bit confused.

If I get myself to install the framework, there's a couple of things to get out the way, please correct me if I'm wrong…

let's take this as an example: https://fomantic-ui.com/introduction/getting-started.html

When I install it locally via terminal. it requires Node.js and NPM, so now I know those are two different things. I thought Node.js is a programming language and/or a software that allows to use javascript on the server (?). Why is that an absolute requirement, can't I use PHP on the server? The packages, included via NPM or manually are just js and css files anyway, right?

And NPM is the node package manager that keeps the js and css files up to date, right?

Then it says:

Now you will need to build your distribution of the CSS and JavaScript you use on your website.

And it wants me to install "gulp". What the heck is a gulp? Let me guess, it makes things even easier XD

And last but not least, if everything is up and running, how does the development or I should say styling i.e. usage of the framework differ from the "classic" way of webdesigning? Do I still just use the css classes according to the framework components documentation? I mean do I still style with css, is that still the same workflow or has that changed as well?

I ask because when I look at the components doc for theming I can see they define and you're ought to define "variables" and global variables with an @
Does that go inside the css file? or the js? What language is that?

I'm actually not sure but here is a blog post by NS about publishing to both app stores. Fair warning, I haven't gotten that far, but had this saved in my bookmarks for when the time came.

I know I used to download a third party emulator to play Gameboy games on my iPhone 5 -- in the years since though, I think Apple has changed the permissions for this ability.

I'm in a similar situation, and while I don't have a full answer for you -- if you have any background with Javascript, take a look at Nativescript. It seems to be a useful framework for building mobile apps and they offer Sidekick to help with development testing. This seems like the path I am going to take and it may be of use to you as well.

Best of luck!

Thanks for the advice. I am worried I might be missing out on some concepts as material is not comprehensive enough. Do you recommend supplementing with other react course such as one offered by freecodecamp or egghead.io?

Same here, I prefer Framer cause you can actually make your designs interactive. And even design from scratch on framer cause they have some good templates for web - https://framer.com/projects/new?duplicate=7f72zClWdXQuscsNfxSC&tutorial=sRV5LNUBbcg&_ga=2.83264592.772053848.1609749658-1792212492.1599482347

Foundation 5 certainly is a powerful challenger to Bootstrap 3, who I would use to say is the best. We'll see how their next version goes.

For people looking for something a little more fresh and less bootstrappy or foundation-y, I think Semantic UI is worth a serious look too: http://semantic-ui.com/

Netlify have contact form support on all of their plans. My current site is on their free plan and it works well, they even run submissions through Akismet for you.

The first time setup can be rather complex, but once you've done it the whole system is amazingly easy. Just push a commit up to the git repository of the site and they build it for you. This does come with the caveat that you have to be using a static site generator that they support and be comfortable using git though; also for the free plan your site has to be a public git repo I think.

Webflow. It is such a game changer. Design interface that is totally customizable and their hosting (w/ SSL) is baked in and seem-less. They use Amazon S3 to serve all images and files so the sites i've built with Webflow are blazing fast!

https://webflow.com/

https://getbootstrap.com

Click here and scroll down to the heading that says BootstrapCDN. The link/path is a LOT longer than the one you put in, copy the link from the website a put above and paste that in place of what you have.

The easiest thing is to start with a framework that already has the responsive breakpoints built in, like Bootstrap. I would not, in the current year, try to code a responsive website from scratch.

Check out insomnia app, I used it a while back and it worked pretty good. Don't know if it supports your requirements but could be worth checking out.

https://insomnia.rest/

Edit: Reddit had some troubles loading the other comment so i didnt see the above one.

EDIT: Omg I can't read. Sorry, I rushed this response and misread your post. Yes your website is redirecting. I will see if I can figure out why. Sorry for the rushed response lol

stuff below isn't relevant due to me misreading the post

I did a quick DNS check on that URL: https://www.whatsmydns.net/#A/andalelatinogrill.com

That looks promising. I visited the site directly and it loaded as expected. I also used GTMetrix so I could see what it was picking up from the home page. https://gtmetrix.com/reports/andalelatinogrill.com/P1BgRVMU/

If it's giving you a 401 error, that error is "401 Unauthorized". It sounds like this might be the hosting server blocking your IP address.

Try using a different device like a phone or tablet to access the website, especially if you can do so through a different network than what your computer might be using (like switch to cellular data instead of using wifi) so you can use a different IP address to access the site.

If you find out your IP address is blocked, you might need to call the hosting provider to have them clear that up. It could have happened from an automated process that thought you needed to be blocked for some reason. Not sure how to figure out that reason, but if this is what happened it's an easy fix via the hosting provider.

I did, i also started it but for me it's boring.
you can also buy this book:
https://www.amazon.com/HTML-CSS-Design-Build-Websites/dp/1118008189

Well that's a bit of a "how long is a piece of string" question.

If you want some really meaningful advice: your financial situation seems to be forcing you to want to rush something that most folks spend years learning. It's not to be underestimated, there is a lot to learn.

You'll probably be able to pick up the basics of HTML and CSS within a week, but again it can take years to master just this element. Then throw in making the site dynamic with JavaScript and there's another language you need to pick up. Again, if you've never done any coding before, you could probably pick up the absolute basics in a week or two, but that depends on you. If you need to do anything server side, you'll need to find a suitable language - PHP, JavaScript, Python etc. But if you're going to do anything server side, you'll need to pick that up too - learning how to configure Apache, Nginx etc., how to administer a server operating system like Linux...then you'll probably be introduced to SQL databases!

Maybe something like this book will get you started? https://www.amazon.co.uk/Coding-Development-All-Dummies-Computer/dp/1119473926/ref=mp_s_a_1_4?dchild=1&keywords=web+development+books&qid=1611909970&sprefix=web+development&sr=8-4

I too went to school for programming but didnt really learn how to code i just basically learned stuff like what is programming and how to get started like 3 semesters of programming introduction, The school sucked was giving me like 4 classes on different languages which only confused me more, So now i just decided to start from the beginning and teach my self with books at my own pace, I am beginning with Java using a book called (Head First Java). By any chance are you involved with crypto currency?

What are /r/webdevelopment's favorite Products & Services? From 3.5 billion Reddit comments

The most popular Products mentioned in /r/webdevelopment:

HTML and CSS: Design and Build Websites

Head First JavaScript Programming: A Brain-Friendly Guide

Web Coding & Development All-in-One For Dummies

The most popular Services mentioned in /r/webdevelopment:

freeCodeCamp

WordPress

Shopping Cart Elite

The Odin Project

Bootstrap

Codecademy

Udacity

GitHub Pages

Firebase

Bubble

Django

NativeScript

React

Egghead

Medium

The most popular reviews in /r/webdevelopment:

What are /r/webdevelopment's favorite Products & Services?
From 3.5 billion Reddit comments