Set up a local environment using: https://www.mamp.info/en/
Here's a good guide: https://www.taniarascia.com/local-environment/
So you build your website locally and once it's done, you migrate it to a live server (to your new host) using a plugin like duplicator.
Hey bud! Good to hear you're getting into web design. I would recommend throwing yourself in the deep end and grab a proper text editor and just create a web site.
What operating system are you using?
Here's what I have installed;
MAMP - This is software that simulates a server on your computer. That way you can run no just html, but execute code. MAMP stands for Mac Apache MySQL PHP. It will create a directory called 'htdocs' where you can put your websites you're working on and they'll simulate what it'll look like in a 'live environment'. Check it out here; https://www.mamp.info/en/ If you have windows, search for WAMP, or if you're using Linux, download XAMP.
Sublime Text 2.0 - This is a free(ish) text editor that makes editing HTML/CSS/PHP etc files with ease. It makes your files much easier to read and understand. Check it out here; https://www.sublimetext.com/
Google Chrome - This is a great browser, etc. I'm sure you're aware of it. lol. The best thing about Chrome is you can get the next plugin:
Emmet Livestyle! - This is a Chrome extension that allows you to edit your code and see it update live. Exactly what you're after. http://livestyle.io/
If MAMP/XAMP/WAMP is too complicated, simply get a text editor like Sublime Text, and Emmet LiveStyle and you're set.
I hope this helps :)
The API key check is skipped for file:// and http://localhost, to allow for offline/local testing.
If you want a really easy way to set up a local PHP environment, check out MAMP. It will give you a pushbutton Apache server with PHP and MySQL installed. All of the book's examples should work with it.
So what you’re asking for isn’t usually recommended because you’re very likely to break things on the live website and your users will see it.
What 99% of web developers do is set up a server on their local machine and work on it that way. The benefit is that you can make changes without the user seeing a broken site and it loads much faster than uploading it to a server and viewing the changes that way.
A popular, easy one is MAMP. You can also google how to set up a local server for whatever programming language you’re using.
Okay, so you have MAC OS and you need to install MAMP server. It is not complicated. You are not learning a new language code, but only installing a server on your machine. You have help and docs here: https://www.mamp.info/en/documentation/
So, you have a MAMP server that uses MySql databases and works with PHP. Install your server, and then, in a designated folder install Joomla and you are good to go further, to install a template for your site development. Joomla install on already installed MAMP also has its docs here: https://www.ostraining.com/books/je/mac/
Report if you are stuck.
1 - Install local environment (MAMP for example).
2 - Activate error reporting in WordPress
3 - Learn about child themes and how plugins are loaded into wordpress.
4 - Play around.
I use MAMP 5 and I have no issues with it. I work on a lot of CMS’s like WordPress, Drupal, BigTree, and Craft.
It’s pretty straightforward to set up a new site. I use mkcert for local server certificates though since MAMP only provides locally signed ones. I just go to the SSL tab in a site and swap out the certificate files.
MAMP is nice because you can customize each individual site, like changing PHP versions, server type, etc. I rarely do this though.
The added MailHog server is also a really nice touch.
We’ll worth the money to me!
I would use Local by Flywheel if all I did was WordPress though.
So, there's multiple things here going on and I think you're a little hazy on what you need to get set up to be able to work.
First, look into Mac Homebrew for setting up a local development server on your Macbook. Then, there's a tool called Mkcert which will let you set up a locally hosted SSL certificate. You can also just change your browser settings to by pass the https restriction, but be careful with setting that back for regular browsing. If the terminal is scary for you, look into Mamp.
The local server you create will be accessible only on your local machine. This should cover most of your testing needs. You can just change the browser's display to test mobile functionality. If you absolutely need to test with a mobile device then you need either a VPS, or some other computer you can use as a test server to connect to (like a Raspberry PI). Both of these options will require advanced terminal and server setup knowledge, but the best way to learn is to jump in with two feet. In theory this could be setup with your Macbook as the server for you to connect with your phone, but the network configuration for something like that is non-trivial to set up.
Your real question here is: "how do I configure a local development environment with SSL to test a geolocation app?" The core of the answer is to set up a server your can install or mimic https functionality on. There's several ways to achieve this: 1) turn off the https setting in your browser; 2) set up a local dev server with a self-hosted name server (Homebrew, Mkrcert); 3) VPS or other external host + let's encrypt. To get started, option 1 is the fastest, option 2 is more robust; 3) is closer to a production environment.
Please fully articulate your needs here, because as before it seems like you're fuzzy on that...
That’s a lot to cover.
Install MAMP on your windows machine
https://www.mamp.info/en/mamp/
This will set you up with a web server/php/MySQL all in one shot.
Then learn to create tables and fields in MySQL. You can do this with MySQL workbench as a UI or programmatically with PHP.
Once you know how to create and populate tables/fields, practice writing some PHP code (use PDO/prepared statements) to read and write data to MySQL.
You can program php in notepad+, dreamweaver, vscode, phpstorm, etc. Millions of options...choose a free one to start.
Here’s a tutorial that should get you started:
https://www.taniarascia.com/create-a-simple-database-app-connecting-to-mysql-with-php/
If your final application will be public, make sure to educate yourself about security.
I wouldn’t get distracted by JavaScript at this point. Don’t even look at React or Angular, it’s just going to overcomplicate things.
Sorry for late reply!
[For Windows Laptop]-Did you unpacked .zip? I get same result as you when I run a website directly from .zip without unpacking it first.
[Android Phone]-I got same issue too on my phone. It does not load .css and images. There is solution though. You need to host a website on server:
-Download and install MAMP
-Paste unpacked website to MAMP\htdocs
-Rename Switcher-roo_Mobile_FHD.html to index.html
-Path should be MAMP\htdocs\index.html
-Run MAMP
-Open cmd and type ipconfig
-Type your laptop's local IPv4 Address into mobile browser eg. 192.168.0.30
src
, not scr
Since you're on OSX, the correct path is probably file:///Users/YOUR_USERNAME/Desktop/darkhorse/xbxx.jpg
(File URI Scheme)
But it's not a good idea to link files directly from your computer. Instead, use a server (such as MAMP), or get online hosting.
PHP needs a server to run on so your 2 main options would be to either
With the second option, I'd go with asmallorange.com as they have cheap plans and are very simple to get started. They will give you control panel access with credentials for getting your files up to their servers and I think they give you a temporary domain if I'm not mistaken (otherwise you'd have to get a domain and point to it)
The first option is ideal though as you can imagine having to upload a bunch of files all the time just to test your code can be a nightmare. There's a bunch of different software that installs a web server on your machine, I've always used XAMPP in the past but I've hear MAMP is easier for beginners. Once it's installed and setup, you can test your code directly without needing to move files around at all.
Implementing your own from scratch without prior experience can be a bit rough; why not try to play around with an existing CMS to get the hang of how it's organized, and how you can bend it to your will?
I played a lot with AnchorCMS a while back, which is basically an extremely stripped-out Wordpress-type CMS. Taught me a lot, since the documentation and the codebase was extremely small. From there, you can see how very simple operations are done and how you can implement them on your own. Pop up MAMP, do a local install and fiddlin'!
Well. What I do with any CMS I'm interested in is to set up a local installation and fool around with it. Think about how I want to use it, see how well its defaults fit my needs, see how much tweaking I'm willing to do to make it work. I'm on a Mac, so I like to do this with MAMP, which nicely wraps up all the stuff lying underneath the CMS into a simple graphic interface. There's probably something similar if you're on Windows but I don't know if it's any good.
You could also do this on a live server but I like the security of being able to fuck up without any consequence.
For starters, are you implicitly using stuff from homebrew for a reason?
https://www.mamp.info/en/ will give you every you need with a simple install.
If you are editing httpd.conf
cd /etc/apache2 sudo cp httpd.conf httpd.conf.backup
Always backup system files that you are editing so you can just switch back if you screw up.
sudo nano httpd.conf
Should let you make whatever edits you need to make. Ctrl X to exit, it will prompt to save and just press enter.
You're right, that's an old (and honestly, problematic) way of doing things. If a mistake is made, it could easily bring the site down and — if files are being overwritten with no backup — could be hard to recover from.
Look into tools like MAMP or, if you're comfortable with command line, Craft Nitro for managing a local PHP environment. At the very least, it would be good for you to be able to test changes before uploading to production.
I don’t think it’s very popular but MAMP has been a great solution for me on windows 10. It handles mysql, Apache, ssl, etc. all for me. I believe there are other database options in there and I know you could also use nginx as a web server as well. I’ve had very few problems with it and it’s easy to get new sites up and running locally.
You could go an extra lazy route and just install MAMP. It's free, downloads just like any other program, runs like any other program. Get MAMP Pro and you can have SSL. Literally the only local environment I've used since like 2013. Link
I'd:
If that's outside of your skill/desires, find an agency that builds Wordpress sites and ask them what it would cost to do the above.
I have been using my FTP for about four years now. It's on an older Mac Pro running CrushFTP. I think it cost $60 for the software license. It's configured through a web interface. Really very simple to add and manage user accounts and passwords. You do have to configure your router to allow FTP port forwarding. With the ATT router it's a simple setting in the firewall. I also got a fixed IP address from AT&T which makes things a lot easer and you can avoid dealing with DNS.
It's great not to have to deal with an intermediate like Google Drive, Dropbox, Hightail, etc. When someone uploads something it's just there on the network.
Also I added a web server so clients can get to video to watch without having to deal with FTP. For that I used MAMP...I think it's the free version. As a little extra service I just put everything I do for each client in a directory on the web server so they can always get to it from anywhere. (Just be sure to put some kind of dummy index.html file in there so clients can't get to each other's stuff.)
The same Mac Pro is a great local media server, too--running Plex.
Happy if I can help with any info.
Docker's value is that you can create a local environment that more closely matches your deployment environment. But for personal projects, I take the easier route and just use MAMP to spin up a localhost and database instance. Especially since more of my recent projects are using Node, I mostly just need a local database.
1 - backup the site all in one is a good bet
2 - install it on a local server flywheel or MAMP are good local stages.
3 - update everything & see where it lands
4 - rebuild around it / completely as appropriate.
There are a few ways you could do this. It mainly depends on what you want to be able to do with the archived site and data once you have it on your local computer.
If you just want to have a archive of the site to keep, but don’t intend to access it, you can just download all of the files for the site via FTP and do a backup of the database using something like phpMyAdmin. You can export the database as a .sql file that you could re-import if you ever wanted to start it back up again. You can also export it as a .csv so it human readable if you wanted to reference any of the conent.
If you would like to have the site archived and the ability to view and modify it on your local computer, check out something like MAMP that will aid in migrating the site from your host to your local computer. https://www.mamp.info/
All you have to do is click here, download, install and run. Free. This wil install MAMP which is an acronym for MySQL, Apache and PHP.
It will make a directory tree with a htdocs folder, place your content in that, start the server and your stuff in browser via the address http://localhost.
MAMP will be the best bet - link to download
It's very easy to set up and will even install Wordpress for you (though it is just as easy to set it up manually if you want to).
Yes, you can test a database-driven website with a PHP back-end on your computer by installing a web server, MySQL database, and PHP on your local machine. To make this easy, there are several different packages that you can install, such as those that u/luketh_ mentioned - XAMPP and MAMP. Once installed, all you have to do is run the server and you should be able to run and test your PHP code, create and access databases, etc.
Then this should be pretty simple. First you'll need to download and host a MySQL instance - my preferred app is MAMP. Once you get the MySQL server running locally, it's ready for a connection. This is a solid tutorial on connecting to your database with Python.
Beyond that, just play around with it and you'll get the hang of it pretty quick.
First, you won’t find a full step by step guide from beginning to end. You will have to rely on various sources. What’s your main focus? Learning the UI, develop a custom theme, create a plugin?
Second, you do not need tomcat from xampp. Just make sure Apache, and mysql are working. That’s all you need to get wordpress running on xampp. Altough, I would recommend MAMP its easier to use.
Unfortunately this isn’t very newbie friendly, but with a little elbow grease you can get a local environment running. You might consider MAMP as a starting point.
Otherwise you could try the shared instance I’ve already set up: https://reddit-top-rss.herokuapp.com/
I have to echo how important it is to learn how to build outside of a course or in a simulated environment.
I started learning web dev about 5 years ago. The best advice I got was, “Just start building things.”
I’m now helping people learn how to go from no knowledge in design and development to starting freelance businesses or getting hired at a company: https://selfmadewebdesigner.com
Building your own idea from scratch will teach you more than anything else will.
The normal process for me as a full time web designer is:
So on and so forth until it’s finally finished. And this is pretty standard for most devs. You definitely learn things along the way that make it easier the next time.
But it’s through the frustration that you begin to think like a developer. Knowing syntax is way different than thinking like a developer.
So, here’s what my suggestion would be.
Learn how to set up a local environment on your computer.
Mano is what I use but there are other great ones out there.
If you’re only using html/css and JavaScript you won’t really need it right away. So, you can just learn to set up file structures on your desktop.
A local environment will be good when you start exploring things that have databases.
I’d also look at getting some space on a server with some third party hosting. You can get shared server space for really cheap.
For a quick mock-up I’ll go to codepen.io it has great options to add different libraries like jQuery really easily.
But again, it’s more important to learn the basics of setting up your own environment.
If you need help along your journey I’d be more than happy to chat
The website overall appears to be offline- my first step would be to reproduce the site perhaps on local resources (https://www.mamp.info works great for this). If the issue fixes itself locally, then it is something with the host, perhaps disk I/O, overloaded shared host, or very fragmented DB.
At least to get things configured at first, you'll need to hook your mini up to a screen and keyboard/mouse, but once configured correctly (System Preferences>Sharing and set it up for Remote Management — NOT Screen Sharing — and you'll want to enable file sharing as well), you can go headless and access it with the Screen Sharing app built in to macOS from your other Mac, or even a PC with VNC.
As for web server, MAMP (https://www.mamp.info/) or MAMP Pro are your best bets, depending upon what extended features you want/need. Either includes a web server (Apache or nginx), MySQL, PHP, Python, Ruby and Perl. MAMP Pro includes other features that you might not need immediately.
Hope that helps!
You could just try to uninstall it all and start over.
Everything should be local.
Using a Mac I think I would try to set something like this up:
https://www.mamp.info/
But that requires that you get back to scratch I would think.
No Apache/Nginx no MySQL no PHPMyAdmin and no PHP. ^
Well you can copy any existing PHP files you've made, I'm talking about the installation of PHP. That makes it able to interpret the files.
Or try with XAMPP again, I just tried it once or twice and it was giving me problems as I recall so I found an alternative.
I do not have to opportunity to install and attempt to configure XAMPP on MAC.
If you are using MAMP (or WAMP or LAMP), the files which are served are normally stored in a directory called "htdocs" (the document root). There is a section for this in the MAMP documentation: https://www.mamp.info/en/documentation/#q12
Yes, download MAMP (free) which will let you run WordPress locally and give you access to phpmyadmin for the database. Build your site and then when you're ready export the database and files to your webhost.
Mamp - https://www.mamp.info/en/
If you really want a flexible CMS, I'd look at wordpress instead.
You can download MAMP and Wordpress and set up a local environment pretty quickly. Just be sure to enable vhosts in the MAMP apache files (so you can work on more than one site at a time) put your wordpress installations into MAMP's "htdocs" folder.
Try making a basic theme (or maybe just child-theme, depending on how much you've done before). You'll know pretty quick if it's something you'll enjoy.
Wordpress is great because it makes it easy for your clients to add their own content to the site once you're done. You can even change the buttons that they see when they use the visual editor, to make it easier for them to add your styles if you're using a lot of custom id's / classes.
If you want to make it from scratch for practice use WordPress.
Get a web server and DB setup on your system (such as https://www.mamp.info/en/). Then download WordPress, get it set up, then check out http://buildwpyourself.com/how-to-build-a-wordpress-theme-part-1-theme-files/
If you're looking for a good business solution then SquareSpace might make sense here.
https://www.mamp.info/en/ is very simple to set up. Just install and set your document root. Recently though I have been using Valet for almost everything. https://laravel.com/docs/5.3/valet It's not just for Laravel it can be used for a number a frameworks or static sites. You still need to install MySQL and PHP but using homebrew make it pretty simple.
Xampp shouldn't be too difficult to setup, aside from maybe the firewall settings (on Windows). What are you having trouble with?
If you just want to get a dev environment setup on your local computer, I recommend using Laragon if you are on Windows, and MAMP if you are on macOS. I find them easier to setup as compared to XAMPP.
sounds like you need to setup some sort of local web server. probably one of the easiest ones for beginners is https://www.mamp.info/, which is php/apache based. if you want a nodejs based one https://www.npmjs.com/package/local-web-server
For those that just want to get it up and running quick - I installed MAMP (free) https://www.mamp.info/en/ and cloned mux (or download/unzip) in the mamp htdocs and done - works flawlessly and leaves everything else as it was.
Tested on mac, but I'm sure it works on windows.
Thanks for the compliments :). I have to tell you, what you want to achieve requires quite some work and knowledge (e-commerce payment methods, excel export etc).
You can test it locally on your pc first if you want or you can do it directly online while your site is "under construction" for visitors except for you.
Do you know how to build a WordPress e-commerce site from scratch?
If you want to work locally download Xampp for windows (see it as a web environment, but locally on your computer).
Download url Xampp: https://www.apachefriends.org
If you're using a mac you can download Mamp which does exactly the same thing.
Download url: https://www.mamp.info
I installed MAMP on my computer - its pretty simple and straightforward and will do the job to run WordPress
After that was installed and running, I downloaded a copy of WordPress and followed the instructions to install it in the MAMP server.
With WordPress up and running, I installed the themes and plugins I wanted to use and got to work!
Instructions for editing and starting apache in yosemite. Probably same in el capitan: http://www.glenscott.co.uk/blog/re-enable-apache-php-web-sharing-on-os-x-yosemite/
You could also just install MAMP: https://www.mamp.info/en/
Personally I use vagrant for development but that's a more complicated setup.
Hi, if you want to deploy your Noodl project you should follow the instructions here: http://www.getnoodl.com/deploy
You can also setup your own webserver and host the deployed Noodl there. If you want to set up a local webserver on your machine, you could look into something like MAMP (https://www.mamp.info/en/)
As you're using Mac OS X, see https://www.mamp.info/en/ for info on MAMP.
MAMP/WAMP are combinations of a few technologies you usually want on a web server. Apache is the application that actually serves the web pages, and it uses a few other applications to deal with server side things like Databases (SQL) and server side programming (PHP or Perl).
As you only specify HTML and CSS, all you really need is Apache at this stage.
As /u/mike5973 suggests, it might be worth looking into XAMPP.
Any issues with setting things up, post back and we can see what we can do about it.
But you have a time machine backup, right? Also, I'd like to introduce you to MAMP: https://www.mamp.info/en/ a mac web developer's best friend. Just develop in MAMP's httpd directory to your heart's content. But seriously, you upgraded your OS without a backup?